.elementor-1438 .elementor-element.elementor-element-f9fb693{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1438 .elementor-element.elementor-element-165e5af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1438 .elementor-element.elementor-element-167ff81{background-color:#1A5C381A;padding:10px 20px 10px 20px;border-radius:50px 50px 50px 50px;}.elementor-1438 .elementor-element.elementor-element-167ff81.elementor-element{--align-self:flex-start;}.elementor-1438 .elementor-element.elementor-element-167ff81 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-0313000 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-1438 .elementor-element.elementor-element-ca23184{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;font-family:"Cairo", Sans-serif;font-weight:400;color:#6B7280;}.elementor-1438 .elementor-element.elementor-element-64a682a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1438 .elementor-element.elementor-element-ee54a2c .elementor-button{background-color:transparent;font-family:"Cairo", Sans-serif;font-weight:500;background-image:linear-gradient(90deg, #3C9B5F 60%, #2B6944 88%);border-radius:50px 50px 50px 50px;padding:15px 30px 15px 30px;}.elementor-1438 .elementor-element.elementor-element-ee54a2c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1438 .elementor-element.elementor-element-ee54a2c .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1438 .elementor-element.elementor-element-6250708 .elementor-button{background-color:#3C9B5F00;font-family:"Cairo", Sans-serif;font-weight:700;fill:#000000;color:#000000;border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:#000000;border-radius:50px 50px 50px 50px;padding:15px 30px 15px 30px;}.elementor-1438 .elementor-element.elementor-element-05de415{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1438 .elementor-element.elementor-element-7c2d069{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1438 .elementor-element.elementor-element-cf8ad4f{background-color:#FAF8F4;padding:20px 20px 20px 20px;border-radius:16px 16px 16px 16px;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f .elementor-image-box-wrapper{text-align:start;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f .elementor-image-box-title{margin-bottom:0px;font-family:"Cairo", Sans-serif;font-weight:600;color:#374151;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f .elementor-image-box-wrapper .elementor-image-box-img{width:44px;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f:has(:hover) .elementor-image-box-title,
					 .elementor-1438 .elementor-element.elementor-element-cf8ad4f:has(:focus) .elementor-image-box-title{color:#374151;}.elementor-1438 .elementor-element.elementor-element-21d5259{background-color:#FAF8F4;padding:20px 20px 20px 20px;border-radius:16px 16px 16px 16px;}.elementor-1438 .elementor-element.elementor-element-21d5259 .elementor-image-box-wrapper{text-align:start;}.elementor-1438 .elementor-element.elementor-element-21d5259.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1438 .elementor-element.elementor-element-21d5259.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1438 .elementor-element.elementor-element-21d5259.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1438 .elementor-element.elementor-element-21d5259 .elementor-image-box-title{margin-bottom:0px;font-family:"Cairo", Sans-serif;font-weight:600;color:#374151;}.elementor-1438 .elementor-element.elementor-element-21d5259 .elementor-image-box-wrapper .elementor-image-box-img{width:44px;}.elementor-1438 .elementor-element.elementor-element-21d5259 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1438 .elementor-element.elementor-element-21d5259:has(:hover) .elementor-image-box-title,
					 .elementor-1438 .elementor-element.elementor-element-21d5259:has(:focus) .elementor-image-box-title{color:#374151;}.elementor-1438 .elementor-element.elementor-element-1962a8e{background-color:#FAF8F4;padding:20px 20px 20px 20px;border-radius:16px 16px 16px 16px;}.elementor-1438 .elementor-element.elementor-element-1962a8e .elementor-image-box-wrapper{text-align:start;}.elementor-1438 .elementor-element.elementor-element-1962a8e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1438 .elementor-element.elementor-element-1962a8e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1438 .elementor-element.elementor-element-1962a8e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1438 .elementor-element.elementor-element-1962a8e .elementor-image-box-title{margin-bottom:0px;font-family:"Cairo", Sans-serif;font-weight:600;color:#374151;}.elementor-1438 .elementor-element.elementor-element-1962a8e .elementor-image-box-wrapper .elementor-image-box-img{width:44px;}.elementor-1438 .elementor-element.elementor-element-1962a8e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1438 .elementor-element.elementor-element-1962a8e:has(:hover) .elementor-image-box-title,
					 .elementor-1438 .elementor-element.elementor-element-1962a8e:has(:focus) .elementor-image-box-title{color:#374151;}.elementor-1438 .elementor-element.elementor-element-f458b23{background-color:#FAF8F4;padding:20px 20px 20px 20px;border-radius:16px 16px 16px 16px;}.elementor-1438 .elementor-element.elementor-element-f458b23 .elementor-image-box-wrapper{text-align:start;}.elementor-1438 .elementor-element.elementor-element-f458b23.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1438 .elementor-element.elementor-element-f458b23.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1438 .elementor-element.elementor-element-f458b23.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1438 .elementor-element.elementor-element-f458b23 .elementor-image-box-title{margin-bottom:0px;font-family:"Cairo", Sans-serif;font-weight:600;color:#374151;}.elementor-1438 .elementor-element.elementor-element-f458b23 .elementor-image-box-wrapper .elementor-image-box-img{width:44px;}.elementor-1438 .elementor-element.elementor-element-f458b23 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1438 .elementor-element.elementor-element-f458b23:has(:hover) .elementor-image-box-title,
					 .elementor-1438 .elementor-element.elementor-element-f458b23:has(:focus) .elementor-image-box-title{color:#374151;}.elementor-1438 .elementor-element.elementor-element-d16e950{--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;--align-items:center;--padding-top:70px;--padding-bottom:150px;--padding-left:10px;--padding-right:10px;}.elementor-1438 .elementor-element.elementor-element-d16e950:not(.elementor-motion-effects-element-type-background), .elementor-1438 .elementor-element.elementor-element-d16e950 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F4;}.elementor-1438 .elementor-element.elementor-element-887f933{background-color:#1A5C381A;padding:10px 20px 10px 20px;border-radius:50px 50px 50px 50px;}.elementor-1438 .elementor-element.elementor-element-887f933 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-b240c27 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-7c99ea4{font-family:"Cairo", Sans-serif;font-weight:400;color:#6B7280;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .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 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .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 > .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 );}.elementor-1438 .elementor-element.elementor-element-983af8f{--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-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1438 .elementor-element.elementor-element-51d28d3{background-color:#1A5C381A;padding:10px 20px 10px 20px;border-radius:50px 50px 50px 50px;}.elementor-1438 .elementor-element.elementor-element-51d28d3 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-58882a0 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-89aca56{font-family:"Cairo", Sans-serif;font-weight:400;color:#6B7280;}.elementor-1438 .elementor-element.elementor-element-6cf27f2{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1438 .elementor-element.elementor-element-4414a2f{--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-between;--align-items:center;--flex-wrap:wrap;}.elementor-1438 .elementor-element.elementor-element-6cfa5dd{background-color:#1A5C381A;padding:10px 20px 10px 20px;border-radius:50px 50px 50px 50px;}.elementor-1438 .elementor-element.elementor-element-6cfa5dd .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-27467c2 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-60af7a2{font-family:"Cairo", Sans-serif;font-weight:400;color:#6B7280;}.elementor-1438 .elementor-element.elementor-element-eb746e7{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1438 .elementor-element.elementor-element-633b5ef{--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-between;--align-items:center;--flex-wrap:wrap;}.elementor-1438 .elementor-element.elementor-element-6e7acb2{background-color:#1A5C381A;padding:10px 20px 10px 20px;border-radius:50px 50px 50px 50px;}.elementor-1438 .elementor-element.elementor-element-6e7acb2 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-5205f97 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-45e872a{font-family:"Cairo", Sans-serif;font-weight:400;color:#6B7280;}.elementor-1438 .elementor-element.elementor-element-eac5fc3{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1438 .elementor-element.elementor-element-86dec5a{--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-between;--align-items:center;--flex-wrap:wrap;}.elementor-1438 .elementor-element.elementor-element-6fe1c56{background-color:#1A5C381A;padding:10px 20px 10px 20px;border-radius:50px 50px 50px 50px;}.elementor-1438 .elementor-element.elementor-element-6fe1c56 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-4f565bd .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-ed21513{font-family:"Cairo", Sans-serif;font-weight:400;color:#6B7280;}.elementor-1438 .elementor-element.elementor-element-4f3bfa0{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1438 .elementor-element.elementor-element-8402838{--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-between;--align-items:center;--flex-wrap:wrap;}.elementor-1438 .elementor-element.elementor-element-61f0c01{background-color:#1A5C381A;padding:10px 20px 10px 20px;border-radius:50px 50px 50px 50px;}.elementor-1438 .elementor-element.elementor-element-61f0c01 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-828deab .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:600;color:#1A5C38;}.elementor-1438 .elementor-element.elementor-element-9363e32{font-family:"Cairo", Sans-serif;font-weight:400;color:#6B7280;}.elementor-1438 .elementor-element.elementor-element-aa08195{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1438 .elementor-element.elementor-element-e7e0f70{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-tabs-gap:50px;--n-tabs-title-border-radius:100px 100px 100px 100px;}.elementor-1438 .elementor-element.elementor-element-e7e0f70 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-1438 .elementor-element.elementor-element-e7e0f70.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#3C9B5F;background-color:transparent;background-image:linear-gradient(90deg, #3C9B5F 60%, #2B6944 88%);box-shadow:0px 4px 6px -4px rgba(0, 0, 0, 0.10196078431372549);}.elementor-1438 .elementor-element.elementor-element-e7e0f70.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1438 .elementor-element.elementor-element-e7e0f70.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#3C9B5F;background-color:transparent;background-image:linear-gradient(90deg, #3C9B5F 66%, #2B6944 88%);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.10196078431372549);}.elementor-1438 .elementor-element.elementor-element-e7e0f70.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Cairo", Sans-serif;font-weight:500;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1438 .elementor-element.elementor-element-64a682a{--grid-auto-flow:row;}.elementor-1438 .elementor-element.elementor-element-7c2d069{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1438 .elementor-element.elementor-element-f9fb693{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1438 .elementor-element.elementor-element-64a682a{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1438 .elementor-element.elementor-element-ee54a2c .elementor-button{padding:10px 20px 10px 20px;}.elementor-1438 .elementor-element.elementor-element-6250708 .elementor-button{padding:10px 20px 10px 20px;}.elementor-1438 .elementor-element.elementor-element-7c2d069{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f{padding:10px 10px 10px 10px;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f .elementor-image-box-wrapper{text-align:center;}.elementor-1438 .elementor-element.elementor-element-cf8ad4f .elementor-image-box-img{margin-bottom:15px;}.elementor-1438 .elementor-element.elementor-element-21d5259{padding:10px 10px 10px 10px;}.elementor-1438 .elementor-element.elementor-element-21d5259 .elementor-image-box-wrapper{text-align:center;}.elementor-1438 .elementor-element.elementor-element-21d5259 .elementor-image-box-img{margin-bottom:15px;}.elementor-1438 .elementor-element.elementor-element-1962a8e{padding:10px 10px 10px 10px;}.elementor-1438 .elementor-element.elementor-element-1962a8e .elementor-image-box-wrapper{text-align:center;}.elementor-1438 .elementor-element.elementor-element-1962a8e .elementor-image-box-img{margin-bottom:15px;}.elementor-1438 .elementor-element.elementor-element-f458b23{padding:10px 10px 10px 10px;}.elementor-1438 .elementor-element.elementor-element-f458b23 .elementor-image-box-wrapper{text-align:center;}.elementor-1438 .elementor-element.elementor-element-f458b23 .elementor-image-box-img{margin-bottom:15px;}.elementor-1438 .elementor-element.elementor-element-7c99ea4{text-align:center;}.elementor-1438 .elementor-element.elementor-element-89aca56{text-align:center;}.elementor-1438 .elementor-element.elementor-element-6cf27f2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:768px){.elementor-1438 .elementor-element.elementor-element-165e5af{--width:50%;}.elementor-1438 .elementor-element.elementor-element-64a682a{--width:450px;}.elementor-1438 .elementor-element.elementor-element-05de415{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-ee54a2c */.elementor-1438 .elementor-element.elementor-element-ee54a2c svg{
    fill: black;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9fb693 */.elementor-1438 .elementor-element.elementor-element-f9fb693{
    background: linear-gradient(225deg, #FAF8F4 0%, #FBFAF7 12.5%, #FCFBF9 25%, #FEFDFC 37.5%, #FFFFFF 50%, #FEFDFC 57.14%, #FCFBF8 64.29%, #FBF9F5 71.43%, #F9F6F2 78.57%, #F8F4EF 85.71%, #F6F2EB 92.86%, #F5F0E8 100%);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6cf27f2 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eb746e7 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eac5fc3 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f3bfa0 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aa08195 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6cf27f2 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eb746e7 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eac5fc3 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f3bfa0 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aa08195 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6cf27f2 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eb746e7 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eac5fc3 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f3bfa0 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aa08195 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6cf27f2 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eb746e7 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eac5fc3 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f3bfa0 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aa08195 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6cf27f2 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eb746e7 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eac5fc3 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f3bfa0 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aa08195 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6cf27f2 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-6cf27f2 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eb746e7 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eb746e7 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eb746e7 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eac5fc3 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-eac5fc3 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4f3bfa0 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-4f3bfa0 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aa08195 *//* =================================================== */
/* 1. GLOBAL FORM CONTAINER BACKGROUND                 */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-custom-form {
    background-color: #fff !important; /* Soft cream background */
    padding: 35px !important;
    border-radius: 24px !important;
}

/* =================================================== */
/* 2. LABELS STRUCTURE & INJECTED FIELD ICONS          */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-label {
    font-family: 'Cairo', sans-serif !important;
    color: #333f48 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-required {
    color: #e05656 !important;
    margin-right: 4px !important;
    order: 2;
}

/* Base parameters for injected field label icons via CSS Pseudo Elements */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field .forminator-label::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important; 
    color: #1A5C38 !important; /* Brand green */
    font-size: 16px !important;
    margin-left: 8px !important; 
    display: inline-block;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-name .forminator-label::before { content: "\f007" !important; }     
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-email .forminator-label::before { content: "\f0e0" !important; }    
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-phone .forminator-label::before { content: "\f095" !important; font-weight: 900 !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-select .forminator-label::before { content: "\f15c" !important; }   
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-textarea .forminator-label::before { content: "\f4ad" !important; } 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-field-upload .forminator-label::before { content: "\f56e" !important; font-weight: 900 !important; } 

/* =================================================== */
/* 3. INPUT FIELDS, TEXTAREAS & FILE UPLOAD LAYOUTS    */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea {
    background-color: #fbf8f3 !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important; 
    padding: 14px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 14px !important;
    box-shadow: none !important;
    outline: none !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input:focus, 
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea:focus {
    border-color: #1A5C38 !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-input::placeholder,
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-textarea::placeholder {
    color: #b5b5b5 !important;
}

.forminator-textarea { 
    min-height: 160px !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-file-upload {
    background-color: #ffffff !important;
    border: 1px dashed #ded7cc !important;
    border-radius: 15px !important;
    padding: 12px !important;
}

/* =================================================== */
/* 4. FIXED SELECT DROPDOWN OVERRIDES                  */
/* =================================================== */

/* --- CLOSED INPUT FIELD MAIN BOX --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    background-color: #fff !important;
    border: 1px solid #f0eae1 !important;
    border-radius: 15px !important;
    height: 50px !important; 
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
}

/* --- TEXT INSIDE CLOSED INPUT --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
    color: #2b2b2b !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 50px !important;
    padding-right: 15px !important; /* Proper internal spacing from edge */
    padding-left: 35px !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

/* --- THE DROPDOWN ARROW CONTAINER --- */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    height: 50px !important;
    left: 15px !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Default Arrow Icon State (Pointing Down) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b {
    border-color: #1A5C38 transparent transparent transparent !important; 
    border-width: 6px 5px 0 5px !important;
    margin-left: 0 !important;
}

/* Arrow Icon State When Open (Pointing Up) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-select2 + .forminator-select[aria-expanded="true"] .selection .select2-selection--single[role="combobox"] .select2-selection__arrow b,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #1A5C38 transparent !important;
    border-width: 0 5px 6px 5px !important;
}

/* Smooth Green Border Focus State (Removes Default Sharp Blue Focus Line) */
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-1438 .elementor-element.elementor-element-aa08195 .select2-container--open .select2-selection--single {
    border-color: #1A5C38 !important; 
    outline: none !important;
}


/* =================================================== */
/* 4. TRUE FIX FOR OPEN SELECTION DRAWER               */
/* =================================================== */

/* 1. Targets ALL open dropdown variations (above, below, default) to kill the blue border */
body .select2-container--default .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown--below,
body .select2-dropdown--above {
    background-color: #ffffff !important;
    border: 1px solid #f0eae1 !important; /* Elegant light cream border line */
    border-radius: 15px !important;       /* Matches your 15px design curves exactly */
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.05) !important;
    margin-top: 5px !important;
    direction: rtl !important;            /* Fixes the Arabic layout flow alignment */
    text-align: right !important;
    overflow: hidden !important;          /* Clips internal items to respect the border-radius */
}

/* 2. ERASES THE GRAY BACKGROUND BARS COMPLETELY */
body .select2-results,
body .select2-results__options,
body .select2-container--default .select2-results > .select2-results__options {
    background-color: #ffffff !important; /* Forces pure white, erasing the gray zones */
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow-y: auto !important;          /* Keeps your vertical scroll active */
    padding: 0 !important;                /* Removes internal padding that shows gray gaps */
    margin: 0 !important;
}

/* 3. Forces the dropdown text items to use Cairo font & clears default states */
body .select2-container--default .select2-results__options .select2-results__option,
body .select2-results__option,
.select2-results__option[aria-selected] {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    color: #4a5560 !important;
    text-align: right !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
    
    /* REMOVES THE BLUE BORDERS AND BOX OUTLINES COMPLETELY */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. --- HOVER & ACTIVE SELECTION STATES --- */
/* Removes the harsh blue outline/fill and swaps it for your soft brand green scheme */
body .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"],
body .select2-results__option--highlighted {
    background-color: #f6fdf9 !important; /* Soft premium green background layout tint */
    color: #1A5C38 !important;            /* Text color flips over directly to brand green */
    font-weight: 700 !important;
    
    /* RE-FORCES NO OUTLINE BORDERS ON ACTIVE STATES */
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 5. --- MODERN CUSTOM DROPDOWN MINIMALIST SCROLLBAR --- */
body  .select2-results__options::-webkit-scrollbar { 
    width: 6px !important; 
}
body .select2-results__options::-webkit-scrollbar-track { 
    background: transparent !important; 
}
body .select2-results__options::-webkit-scrollbar-thumb { 
    background: #ded7cc !important; /* Subtle scroll bar indicator matching form accents */
    border-radius: 10px !important; 
}



.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    padding: 0 !important;
    border-style: solid;
    border-radius: 15px;
    border: none;
}




@media only screen and (max-width: 600px){
    .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default {
    margin-top: 20px;
}
}
/* =================================================== */
/* 5. SUBMIT BUTTON & FIXED INJECTED ICON              */
/* =================================================== */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-row-last {
    text-align: center !important; 
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit {
    background-color: #1A5C38 !important; /* Brand green background */
    color: #ffffff !important; 
    font-family: 'Cairo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 14px 55px !important; 
    border-radius: 50px !important; /* Rounded pill shape */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0px 12px 24px rgba(26, 92, 56, 0.18) !important; 
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* FOOLPROOF METHOD: Injecting the White Paper-Plane Icon via CSS Pseudo-element */
.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit::after {
    content: "\f1d8" !important; /* Unicode for Font Awesome paper-plane */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;  /* Enforces clean thin outline variant */
    color: #ffffff !important;     /* Hardcoded pure white color */
    font-size: 18px !important;
    margin-right: 12px !important; /* Pushes the icon smoothly to the left of the Arabic text */
    margin-left: 0px !important;
    transform: scaleX(-1) !important; /* Flips direction to point upward-left inside an RTL structure */
    display: inline-block !important;
}

.elementor-1438 .elementor-element.elementor-element-aa08195 .forminator-button-submit:hover {
    background-color: #123f26 !important; 
    box-shadow: 0px 16px 28px rgba(26, 92, 56, 0.28) !important;
    transform: translateY(-2px); 
}/* End custom CSS */