.elementor-77727 .elementor-element.elementor-element-a41eb89{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-77727 .elementor-element.elementor-element-a41eb89:not(.elementor-motion-effects-element-type-background), .elementor-77727 .elementor-element.elementor-element-a41eb89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);}.elementor-77727 .elementor-element.elementor-element-293bcb2{--display:flex;--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;}.elementor-77727 .elementor-element.elementor-element-2e23046{--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:space-evenly;--align-items:stretch;}.elementor-77727 .elementor-element.elementor-element-2e23046.e-con{--align-self:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-77727 .elementor-element.elementor-element-c93792f > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-77727 .elementor-element.elementor-element-c93792f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;letter-spacing:0.5px;color:#FFA500;}.elementor-77727 .elementor-element.elementor-element-7935a28 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.5px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-77727 .elementor-element.elementor-element-a8e0a0d{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;}.elementor-77727 .elementor-element.elementor-element-6bd1faa{--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:space-evenly;--align-items:stretch;}.elementor-77727 .elementor-element.elementor-element-6bd1faa.e-con{--align-self:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-77727 .elementor-element.elementor-element-4fdc59e{--display:flex;--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:auto;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:#E0E0E0;--border-color:#E0E0E0;--border-radius:12px 12px 12px 12px;--padding-top:40px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-77727 .elementor-element.elementor-element-4fdc59e:not(.elementor-motion-effects-element-type-background), .elementor-77727 .elementor-element.elementor-element-4fdc59e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-77727 .elementor-element.elementor-element-aba9c6d{--display:flex;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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 );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-77727 .elementor-element.elementor-element-bd41dc8{--item-display:flex;--read-more-alignment:1;--grid-row-gap:42px;--grid-column-gap:30px;}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.54 * 100% );}.elementor-77727 .elementor-element.elementor-element-bd41dc8:after{content:"0.54";}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__meta-data span + span:before{content:"•";}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__card{background-color:#FFFFFF;}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__text{margin-top:8px;}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__badge{right:0;}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__card .elementor-post__badge{background-color:#1F53FD;font-size:9px;margin:0%;font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__title a{color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0.5px;}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__read-more{color:#E98426;}.elementor-77727 .elementor-element.elementor-element-af8caa7{--display:flex;}.elementor-77727 .elementor-element.elementor-element-98c391a{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.54 * 100% );}.elementor-77727 .elementor-element.elementor-element-98c391a:after{content:"0.54";}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__meta-data span + span:before{content:"•";}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__card{background-color:#FFFFFF;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__text{margin-top:8px;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__badge{right:0;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__card .elementor-post__badge{background-color:#1F53FD;font-size:9px;margin:0px;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__title a{color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0.5px;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__read-more{color:#E98426;}.elementor-77727 .elementor-element.elementor-element-191a74f{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-77727 .elementor-element.elementor-element-f7c86a3{--item-display:flex;--read-more-alignment:1;--grid-row-gap:42px;--grid-column-gap:30px;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.54 * 100% );}.elementor-77727 .elementor-element.elementor-element-f7c86a3:after{content:"0.54";}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__meta-data span + span:before{content:"•";}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__card{background-color:#FFFFFF;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__text{margin-top:8px;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__badge{right:0;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__card .elementor-post__badge{background-color:#1F53FD;font-size:9px;margin:0%;font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__title a{color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0.5px;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__read-more{color:#E98426;}.elementor-77727 .elementor-element.elementor-element-c5901ec{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-77727 .elementor-element.elementor-element-33c235e{--item-display:flex;--read-more-alignment:1;--grid-row-gap:42px;--grid-column-gap:30px;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.54 * 100% );}.elementor-77727 .elementor-element.elementor-element-33c235e:after{content:"0.54";}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__meta-data span + span:before{content:"•";}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__card{background-color:#FFFFFF;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__text{margin-top:8px;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__badge{right:0;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__card .elementor-post__badge{background-color:#1F53FD;font-size:9px;margin:0%;font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__title a{color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0.5px;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__read-more{color:#E98426;}.elementor-77727 .elementor-element.elementor-element-7259596{--display:flex;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-77727 .elementor-element.elementor-element-966a498{--item-display:flex;--read-more-alignment:1;--grid-row-gap:42px;--grid-column-gap:30px;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.54 * 100% );}.elementor-77727 .elementor-element.elementor-element-966a498:after{content:"0.54";}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__meta-data span + span:before{content:"•";}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__card{background-color:#FFFFFF;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__text{margin-top:8px;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__badge{right:0;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__card .elementor-post__badge{background-color:#1F53FD;font-size:9px;margin:0%;font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__title a{color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0.5px;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__read-more{color:#E98426;}.elementor-77727 .elementor-element.elementor-element-5a53a42{--display:flex;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-77727 .elementor-element.elementor-element-77e74e3{--item-display:flex;--read-more-alignment:1;--grid-row-gap:42px;--grid-column-gap:30px;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.54 * 100% );}.elementor-77727 .elementor-element.elementor-element-77e74e3:after{content:"0.54";}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__meta-data span + span:before{content:"•";}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__card{background-color:#FFFFFF;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__text{margin-top:8px;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__badge{right:0;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__card .elementor-post__badge{background-color:#1F53FD;font-size:9px;margin:0%;font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__title a{color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0.5px;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__read-more{color:#E98426;}.elementor-77727 .elementor-element.elementor-element-5110ed1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:18px;--n-tabs-title-border-radius:15px 15px 15px 15px;--n-tabs-title-padding-top:7px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:7px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#05110A;--n-tabs-title-color-active:#F7941D;}.elementor-77727 .elementor-element.elementor-element-5110ed1 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#EDEDED;}.elementor-77727 .elementor-element.elementor-element-5110ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#316FFC;background-color:transparent;background-image:linear-gradient(141deg, #316FFC 0%, #2A59C2 100%);}.elementor-77727 .elementor-element.elementor-element-5110ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-77727 .elementor-element.elementor-element-5110ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#11133C;}.elementor-77727 .elementor-element.elementor-element-5110ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 3px 0px;border-color:#999999;}.elementor-77727 .elementor-element.elementor-element-5110ed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-77727 .elementor-element.elementor-element-5110ed1 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#F7941D;}@media(min-width:768px){.elementor-77727 .elementor-element.elementor-element-2e23046{--width:66%;}.elementor-77727 .elementor-element.elementor-element-6bd1faa{--width:33%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-77727 .elementor-element.elementor-element-c93792f .elementor-heading-title{font-size:11px;}.elementor-77727 .elementor-element.elementor-element-7935a28 .elementor-heading-title{font-size:31px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-77727 .elementor-element.elementor-element-a8e0a0d{font-size:15px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-posts a.elementor-post__read-more{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__title a{font-size:42.72px;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__title a{font-size:42.72px;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__title a{font-size:42.72px;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__title a{font-size:42.72px;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__title a{font-size:42.72px;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__title a{font-size:42.72px;}.elementor-77727 .elementor-element.elementor-element-5110ed1{--n-tabs-title-font-size:15px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-77727 .elementor-element.elementor-element-c93792f .elementor-heading-title{font-size:9px;}.elementor-77727 .elementor-element.elementor-element-7935a28{text-align:start;}.elementor-77727 .elementor-element.elementor-element-7935a28 .elementor-heading-title{font-size:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-77727 .elementor-element.elementor-element-a8e0a0d{font-size:14px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-posts a.elementor-post__read-more{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-77727 .elementor-element.elementor-element-bd41dc8:after{content:"0.5";}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-bd41dc8 .elementor-post__title a{font-size:13px;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-77727 .elementor-element.elementor-element-98c391a:after{content:"0.5";}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-98c391a .elementor-post__title a{font-size:13px;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-77727 .elementor-element.elementor-element-f7c86a3:after{content:"0.5";}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-f7c86a3 .elementor-post__title a{font-size:13px;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-77727 .elementor-element.elementor-element-33c235e:after{content:"0.5";}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-33c235e .elementor-post__title a{font-size:13px;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-77727 .elementor-element.elementor-element-966a498:after{content:"0.5";}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-966a498 .elementor-post__title a{font-size:13px;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-77727 .elementor-element.elementor-element-77e74e3:after{content:"0.5";}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__thumbnail__link{width:100%;}.elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__title, .elementor-77727 .elementor-element.elementor-element-77e74e3 .elementor-post__title a{font-size:13px;}.elementor-77727 .elementor-element.elementor-element-5110ed1{--n-tabs-title-font-size:14px;}}/* Start custom CSS for posts, class: .elementor-element-bd41dc8 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-98c391a *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-f7c86a3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-33c235e *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-966a498 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-77e74e3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-bd41dc8 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-98c391a *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-f7c86a3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-33c235e *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-966a498 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-77e74e3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-bd41dc8 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-98c391a *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-f7c86a3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-33c235e *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-966a498 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-77e74e3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-bd41dc8 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-98c391a *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-f7c86a3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-33c235e *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-966a498 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-77e74e3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-bd41dc8 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-98c391a *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-f7c86a3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-33c235e *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-966a498 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-77e74e3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-bd41dc8 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-98c391a *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-f7c86a3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-33c235e *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-966a498 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-77e74e3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-bd41dc8 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-98c391a *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-f7c86a3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-33c235e *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-966a498 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-77e74e3 *//* ===== POSTS WIDGET GRID ===== */ .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } /* ===== INDIVIDUAL POST CARD ===== */ .elementor-post { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; } .elementor-post:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* ===== INNER WRAPPER (Flex Row) ===== */ .elementor-post-inner { display: flex !important; flex-direction: row !important; height: 100% !important; } /* ===== LEFT SIDE (DARK - 50%) ===== */ .elementor-post-content { width: 50% !important; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important; color: #ffffff !important; padding: 30px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; order: 1 !important; } /* ===== RIGHT SIDE (IMAGE - 50%) ===== */ .elementor-post-image { width: 50% !important; height: auto !important; min-height: 250px !important; overflow: hidden !important; order: 2 !important; margin: 0 !important; padding: 0 !important; } .elementor-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; display: block !important; } .elementor-post:hover .elementor-post-image img { transform: scale(1.05) !important; } /* ===== BADGE - DARK SIDE KE ANDAR FIRST ===== */ .elementor-post-category { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 8px 14px !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-top: 0 !important; width: fit-content !important; order: 1 !important; } .elementor-post-category a { color: #1a1a2e !important; text-decoration: none !important; } .elementor-post-category a:hover { color: #1a1a2e !important; } /* ===== POST TITLE ===== */ .elementor-post-title { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin: 15px 0 15px 0 !important; font-family: 'Poppins', sans-serif !important; order: 2 !important; } .elementor-post-title a { color: #ffffff !important; text-decoration: none !important; } .elementor-post-title a:hover { color: #f7941d !important; } /* ===== POST EXCERPT ===== */ .elementor-post-excerpt { font-size: 13px !important; font-weight: 400 !important; color: #a8b8c8 !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; order: 3 !important; } /* ===== READ MORE BUTTON ===== */ .elementor-read-more-button { display: inline-block !important; background: #f7941d !important; color: #1a1a2e !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 1px !important; width: fit-content !important; border: none !important; cursor: pointer !important; order: 4 !important; align-self: flex-start !important; } .elementor-read-more-button:hover { background: #ffffff !important; color: #1a1a2e !important; transform: translateX(3px) !important; } /* ===== HIDE META ===== */ .elementor-post-meta { display: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .elementor-posts-container { grid-template-columns: repeat(2, 1fr) !important; gap: 25px !important; } .elementor-post-inner { flex-direction: column !important; } .elementor-post-image, .elementor-post-content { width: 100% !important; } .elementor-post-image { min-height: 200px !important; order: 2 !important; } .elementor-post-content { order: 1 !important; } } @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr !important; gap: 20px !important; } .elementor-post-content { padding: 20px !important; } .elementor-post-title { font-size: 16px !important; } .elementor-post-excerpt { font-size: 12px !important; } .elementor-post-image { min-height: 250px !important; } } /* ===== PAGINATION ===== */ .elementor-pagination { text-align: center !important; margin-top: 40px !important; } .elementor-pagination a, .elementor-pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; color: #666 !important; text-decoration: none !important; margin: 0 5px !important; transition: all 0.3s ease !important; } .elementor-pagination a:hover, .elementor-pagination .current { background: #f7941d !important; color: #ffffff !important; border-color: #f7941d !important; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-5110ed1 */.service-tab { color: #999; border-bottom: 3px solid transparent; transition: all 0.3s ease; white-space: nowrap; } .service-tab:hover { color: #1a1a2e; } .service-tab.active { color: #f7941d; border-bottom-color: #f7941d; }/* End custom CSS */