.elementor-3425 .elementor-element.elementor-element-2148daf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-4850684{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 120px;--row-gap:0px;--column-gap:120px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:102px;--padding-right:102px;}.elementor-3425 .elementor-element.elementor-element-257adcc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-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-3425 .elementor-element.elementor-element-88b6ed0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3425 .elementor-element.elementor-element-2384f60{margin:015px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-2384f60 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:14px;font-weight:600;color:#818181;}.elementor-3425 .elementor-element.elementor-element-68dbd64{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-68dbd64 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:32px;font-weight:700;text-decoration:none;line-height:40px;letter-spacing:0.2px;word-spacing:1px;color:#185DA7;}.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-3425 .elementor-element.elementor-element-7f7044f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:400;line-height:24px;letter-spacing:0.2px;word-spacing:1px;color:#646464;}.elementor-3425 .elementor-element.elementor-element-7f7044f p{margin-block-end: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-3425 .elementor-element.elementor-element-6a9cb7d .elementor-button{background-color:#ED7B4A;font-family:"Cairo", Sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0.2px;word-spacing:1px;border-radius:50px 50px 50px 50px;padding:013px 024px 013px 024px;}.elementor-3425 .elementor-element.elementor-element-6a9cb7d{margin:014px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-e048e2d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-e69e082{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-33fc8d4{margin:015px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-33fc8d4 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:14px;font-weight:600;color:#818181;}.elementor-3425 .elementor-element.elementor-element-4e6a4ff{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-4e6a4ff .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:32px;font-weight:700;text-decoration:none;line-height:40px;letter-spacing:0.2px;word-spacing:1px;color:#185DA7;}.elementor-3425 .elementor-element.elementor-element-92ce3af{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:400;line-height:24px;letter-spacing:0.2px;word-spacing:1px;color:#646464;}.elementor-3425 .elementor-element.elementor-element-92ce3af p{margin-block-end:0px;}.elementor-3425 .elementor-element.elementor-element-ebb1f03 .elementor-button{background-color:#ED7B4A;font-family:"Cairo", Sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0.2px;word-spacing:1px;border-radius:50px 50px 50px 50px;padding:013px 024px 013px 024px;}.elementor-3425 .elementor-element.elementor-element-ebb1f03{margin:014px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-2d94233{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-4193f1f{margin:015px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-4193f1f .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:14px;font-weight:600;color:#818181;}.elementor-3425 .elementor-element.elementor-element-f4a2cb6{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-f4a2cb6 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:32px;font-weight:700;line-height:40px;letter-spacing:0.2px;word-spacing:1px;color:#185DA7;}.elementor-3425 .elementor-element.elementor-element-d553e1b{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:400;line-height:30px;letter-spacing:0.2px;word-spacing:1px;color:#646464;}.elementor-3425 .elementor-element.elementor-element-3eb53e9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-409f86f{--display:flex;--min-height:686px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.15;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F3EBE2;--border-color:#F3EBE2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:255px;--padding-right:254px;}.elementor-3425 .elementor-element.elementor-element-409f86f:not(.elementor-motion-effects-element-type-background), .elementor-3425 .elementor-element.elementor-element-409f86f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vasukiinfra.com/wp-content/uploads/2026/02/Contact_Slider_VC_WEB_20260219_v001-3-scaled.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-3425 .elementor-element.elementor-element-409f86f::before, .elementor-3425 .elementor-element.elementor-element-409f86f > .elementor-background-video-container::before, .elementor-3425 .elementor-element.elementor-element-409f86f > .e-con-inner > .elementor-background-video-container::before, .elementor-3425 .elementor-element.elementor-element-409f86f > .elementor-background-slideshow::before, .elementor-3425 .elementor-element.elementor-element-409f86f > .e-con-inner > .elementor-background-slideshow::before, .elementor-3425 .elementor-element.elementor-element-409f86f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#CAE4FF;--background-overlay:'';}.elementor-3425 .elementor-element.elementor-element-0a066fe{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:115px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-d4c1f9d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-d4c1f9d .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:42px;font-weight:800;line-height:56px;letter-spacing:1px;word-spacing:1px;color:#0C67C8;}.elementor-3425 .elementor-element.elementor-element-c94cee0{width:var( --container-widget-width, 78% );max-width:78%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;--container-widget-width:78%;--container-widget-flex-grow:0;column-gap:0px;text-align:start;font-family:"Cairo", Sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0.5px;word-spacing:0.5px;color:#2B3347;}.elementor-3425 .elementor-element.elementor-element-c94cee0 p{margin-block-end:0px;}.elementor-3425 .elementor-element.elementor-element-dd0bd65{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-3425 .elementor-element.elementor-element-6390743{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3425 .elementor-element.elementor-element-6390743:not(.elementor-motion-effects-element-type-background), .elementor-3425 .elementor-element.elementor-element-6390743 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3425 .elementor-element.elementor-element-64eeff3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-0918fa9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-6a70e67{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3425 .elementor-element.elementor-element-6a70e67:not(.elementor-motion-effects-element-type-background), .elementor-3425 .elementor-element.elementor-element-6a70e67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3425 .elementor-element.elementor-element-28b685e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:16px;--n-tabs-title-padding-right:93px;--n-tabs-title-padding-bottom:16px;--n-tabs-title-padding-left:93px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#2B3347;}.elementor-3425 .elementor-element.elementor-element-28b685e > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#DDE7F2;}.elementor-3425 .elementor-element.elementor-element-28b685e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#185DA7;}.elementor-3425 .elementor-element.elementor-element-28b685e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3425 .elementor-element.elementor-element-28b685e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#185DA7;}.elementor-3425 .elementor-element.elementor-element-28b685e.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:700;line-height:24px;letter-spacing:0.5px;word-spacing:0.5px;}.elementor-3425 .elementor-element.elementor-element-8386dbf{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-8c063c5{--display:flex;--min-height:686px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.15;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F3EBE2;--border-color:#F3EBE2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:255px;--padding-right:254px;}.elementor-3425 .elementor-element.elementor-element-8c063c5:not(.elementor-motion-effects-element-type-background), .elementor-3425 .elementor-element.elementor-element-8c063c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vasukiinfra.com/wp-content/uploads/2026/02/Contact_Slider_VC_WEB_20260219_v001-3-scaled.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-3425 .elementor-element.elementor-element-8c063c5::before, .elementor-3425 .elementor-element.elementor-element-8c063c5 > .elementor-background-video-container::before, .elementor-3425 .elementor-element.elementor-element-8c063c5 > .e-con-inner > .elementor-background-video-container::before, .elementor-3425 .elementor-element.elementor-element-8c063c5 > .elementor-background-slideshow::before, .elementor-3425 .elementor-element.elementor-element-8c063c5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3425 .elementor-element.elementor-element-8c063c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#CAE4FF;--background-overlay:'';}.elementor-3425 .elementor-element.elementor-element-685e4d4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-77732fe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3425 .elementor-element.elementor-element-77732fe:not(.elementor-motion-effects-element-type-background), .elementor-3425 .elementor-element.elementor-element-77732fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3425 .elementor-element.elementor-element-27b1d2c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-e515215{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-b6c7ba7{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3425 .elementor-element.elementor-element-b6c7ba7:not(.elementor-motion-effects-element-type-background), .elementor-3425 .elementor-element.elementor-element-b6c7ba7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3425 .elementor-element.elementor-element-f0ace3d{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:16px;--n-tabs-title-padding-right:94px;--n-tabs-title-padding-bottom:16px;--n-tabs-title-padding-left:93px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#2B3347;}.elementor-3425 .elementor-element.elementor-element-f0ace3d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#DDE7F2;}.elementor-3425 .elementor-element.elementor-element-f0ace3d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#185DA7;}.elementor-3425 .elementor-element.elementor-element-f0ace3d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3425 .elementor-element.elementor-element-f0ace3d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#185DA7;}.elementor-3425 .elementor-element.elementor-element-f0ace3d.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:700;line-height:24px;letter-spacing:0.5px;word-spacing:0.5px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3425 .elementor-element.elementor-element-2148daf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-4850684{--gap:0px 024px;--row-gap:0px;--column-gap:024px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:032px;--padding-right:032px;}.elementor-3425 .elementor-element.elementor-element-2384f60{padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-68dbd64{margin:08px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-68dbd64 .elementor-heading-title{font-size:24px;line-height:32px;}.elementor-3425 .elementor-element.elementor-element-7f7044f{margin:08px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:18px;line-height:24px;}.elementor-3425 .elementor-element.elementor-element-6a9cb7d .elementor-button{line-height:14px;}.elementor-3425 .elementor-element.elementor-element-33fc8d4{padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-4e6a4ff{margin:08px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-4e6a4ff .elementor-heading-title{font-size:24px;line-height:32px;}.elementor-3425 .elementor-element.elementor-element-92ce3af{margin:08px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:18px;line-height:24px;}.elementor-3425 .elementor-element.elementor-element-ebb1f03 .elementor-button{line-height:14px;}.elementor-3425 .elementor-element.elementor-element-409f86f{--min-height:707px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:32px;--padding-right:32px;}.elementor-3425 .elementor-element.elementor-element-409f86f:not(.elementor-motion-effects-element-type-background), .elementor-3425 .elementor-element.elementor-element-409f86f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-size:cover;}.elementor-3425 .elementor-element.elementor-element-d4c1f9d .elementor-heading-title{font-size:30px;line-height:36px;letter-spacing:0.5px;word-spacing:0.5px;}.elementor-3425 .elementor-element.elementor-element-c94cee0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-dd0bd65{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-6390743{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3425 .elementor-element.elementor-element-28b685e{--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:44px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:43px;}.elementor-3425 .elementor-element.elementor-element-8c063c5{--min-height:861px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:32px;--padding-right:32px;}.elementor-3425 .elementor-element.elementor-element-8c063c5:not(.elementor-motion-effects-element-type-background), .elementor-3425 .elementor-element.elementor-element-8c063c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top left;background-size:cover;}.elementor-3425 .elementor-element.elementor-element-685e4d4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-77732fe{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3425 .elementor-element.elementor-element-f0ace3d{--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:44px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:43px;}}@media(max-width:767px){.elementor-3425 .elementor-element.elementor-element-2148daf{--margin-top:024px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-4850684{--e-con-grid-template-columns:repeat(1, 1fr);--gap:024px 0px;--row-gap:024px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:016px;--padding-right:016px;}.elementor-3425 .elementor-element.elementor-element-257adcc{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3425 .elementor-element.elementor-element-2384f60{margin:016px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-68dbd64{margin:08px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-68dbd64 .elementor-heading-title{font-size:16px;}.elementor-3425 .elementor-element.elementor-element-7f7044f{margin:02px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;line-height:20px;}.elementor-3425 .elementor-element.elementor-element-6a9cb7d{margin:015px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-6a9cb7d .elementor-button{padding:10px 024px 10px 024px;}.elementor-3425 .elementor-element.elementor-element-e048e2d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3425 .elementor-element.elementor-element-33fc8d4{margin:016px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-4e6a4ff{margin:08px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-4e6a4ff .elementor-heading-title{font-size:16px;line-height:24px;}.elementor-3425 .elementor-element.elementor-element-92ce3af{margin:02px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;line-height:20px;}.elementor-3425 .elementor-element.elementor-element-ebb1f03{margin:015px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3425 .elementor-element.elementor-element-ebb1f03 .elementor-button{padding:10px 024px 10px 024px;}.elementor-3425 .elementor-element.elementor-element-409f86f{--min-height:1160px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3425 .elementor-element.elementor-element-0a066fe{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-d4c1f9d{text-align:center;}.elementor-3425 .elementor-element.elementor-element-d4c1f9d .elementor-heading-title{font-size:30px;line-height:36px;letter-spacing:0.5px;word-spacing:0.5px;}.elementor-3425 .elementor-element.elementor-element-c94cee0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;font-size:14px;line-height:20px;letter-spacing:0.5px;word-spacing:0.5px;}.elementor-3425 .elementor-element.elementor-element-dd0bd65{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-6390743{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3425 .elementor-element.elementor-element-6a70e67{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3425 .elementor-element.elementor-element-28b685e{--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:14px;--n-tabs-title-padding-right:55px;--n-tabs-title-padding-bottom:14px;--n-tabs-title-padding-left:55px;}.elementor-3425 .elementor-element.elementor-element-8386dbf{--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-8c063c5:not(.elementor-motion-effects-element-type-background), .elementor-3425 .elementor-element.elementor-element-8c063c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vasukiinfra.com/wp-content/uploads/2026/02/Frame-204-scaled.webp");}.elementor-3425 .elementor-element.elementor-element-8c063c5{--min-height:967px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3425 .elementor-element.elementor-element-685e4d4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-52px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3425 .elementor-element.elementor-element-77732fe{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3425 .elementor-element.elementor-element-b6c7ba7{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3425 .elementor-element.elementor-element-f0ace3d{--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;}}@media(min-width:768px){.elementor-3425 .elementor-element.elementor-element-2148daf{--content-width:1600px;}.elementor-3425 .elementor-element.elementor-element-3eb53e9{--content-width:1600px;}.elementor-3425 .elementor-element.elementor-element-8386dbf{--content-width:1600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3425 .elementor-element.elementor-element-0a066fe{--width:78%;}.elementor-3425 .elementor-element.elementor-element-dd0bd65{--width:100%;}.elementor-3425 .elementor-element.elementor-element-685e4d4{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-68dbd64 */.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a { color: inherit; font-size: inherit; line-height: inherit; text-decoration: none !important''; text-decoration: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4e6a4ff */.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a { color: inherit; font-size: inherit; line-height: inherit; text-decoration: none !important''; text-decoration: none; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5e2b675 *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; text-align: center; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; margin: 0 auto; display: block; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8a18a1a *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5e2b675 *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; text-align: center; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; margin: 0 auto; display: block; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8a18a1a *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5e2b675 *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; text-align: center; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; margin: 0 auto; display: block; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8a18a1a *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e9ba906 *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; text-align: center; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; margin: 0 auto; display: block; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-34dcbb1 *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e9ba906 *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; text-align: center; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; margin: 0 auto; display: block; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-34dcbb1 *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e9ba906 *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; text-align: center; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; margin: 0 auto; display: block; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-34dcbb1 *//* ============================================================ VASUKI CEMENT - CONTACT FORM 7 STYLES Pixel-perfect match to design + validation styles Add to: Appearance > Customize > Additional CSS OR: your child theme's style.css ============================================================ */ /* ============================================================ KILL CF7 DEFAULT SPACING — Must come first ============================================================ */ /* CF7 wraps fields in

tags — remove all margin/padding */ .wpcf7-form p { margin: 0 !important; padding: 0 !important; } /* CF7 control wrap adds display:inline-block and spacing */ .wpcf7-form-control-wrap { display: block !important; margin: 0 !important; padding: 0 !important; } /* Remove any br tags CF7 inserts */ .wpcf7-form br { display: none !important; } /* ---- Layout: Two-Column Grid ---- */ .vc-form-row { display: flex; gap: 24px; margin-bottom: 4px; } .vc-two-col .vc-form-group { flex: 1 1 calc(50% - 12px); } .vc-full-col .vc-form-group { flex: 1 1 100%; } /* ---- Form Group (label + input) ---- */ .vc-form-group { display: flex; flex-direction: column; } /* ---- Labels ---- */ .vc-form-group label { font-size: 14px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; font-family: inherit; } /* ---- Text Inputs, Email, Tel ---- */ .vc-form-group input[type="text"], .vc-form-group input[type="email"], .vc-form-group input[type="tel"], .wpcf7-form .vc-form-group input[type="text"], .wpcf7-form .vc-form-group input[type="email"], .wpcf7-form .vc-form-group input[type="tel"] { width: 100%; height: 40px; padding: 0 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; transition: border-color 0.2s ease; } /* ---- Textarea (Message) ---- */ .vc-form-group textarea, .wpcf7-form .vc-form-group textarea { width: 100%; min-height: 80px; height: 80px; padding: 14px 16px; border: 1.5px solid #d1d1d1; border-radius: 4px; background-color: #ffffff; font-size: 14px; color: #1a1a1a; font-family: inherit; outline: none; box-sizing: border-box; resize: vertical; transition: border-color 0.2s ease; } /* ---- Placeholder Styles ---- */ .vc-form-group input::placeholder, .vc-form-group textarea::placeholder { color: #aaaaaa; font-size: 14px; } /* ---- Focus State ---- */ .vc-form-group input:focus, .vc-form-group textarea:focus { border-color: #e07a40; box-shadow: 0 0 0 2px rgba(224, 122, 64, 0.15); } /* ============================================================ VALIDATION STATES ============================================================ */ /* Invalid / Error State */ .vc-form-group input.wpcf7-not-valid, .vc-form-group textarea.wpcf7-not-valid { border-color: #e53935 !important; box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12) !important; } /* Validation error message (below field) */ .vc-form-group .wpcf7-not-valid-tip { display: block; margin-top: 5px; font-size: 12px; color: #e53935; font-family: inherit; } /* Valid State (after submission check) */ .vc-form-group input:valid:not(:placeholder-shown), .vc-form-group textarea:valid:not(:placeholder-shown) { border-color: #43a047; } /* ---- CF7 Response / Status Messages ---- */ .wpcf7-response-output { margin: 12px 0 0 0 !important; padding: 10px 16px !important; border-radius: 4px !important; font-size: 13px !important; border: none !important; } /* Success */ .wpcf7-mail-sent-ok { background-color: #e8f5e9 !important; color: #2e7d32 !important; border-left: 4px solid #43a047 !important; } /* Error */ .wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked, .wpcf7-validation-errors { background-color: #ffebee !important; color: #c62828 !important; border-left: 4px solid #e53935 !important; } /* ============================================================ FOOTER: Checkbox + Submit Button ============================================================ */ .vc-form-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; gap: 16px; flex-wrap: nowrap; } /* Remove CF7 default inline behavior */ .vc-checkbox-wrap .wpcf7-list-item label { display: grid; grid-template-columns: 20px 1fr; column-gap: 10px; align-items: center; } /* Fix checkbox position */ .vc-checkbox-wrap .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; } /* Fix text wrapping */ .vc-checkbox-wrap .wpcf7-list-item-label { line-height: 1.5; } .vc-submit-wrap { align-self: flex-start; } /* Custom Checkbox */ .vc-checkbox-wrap input[type="checkbox"], .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; border: 1.5px solid #d1d1d1; border-radius: 3px; appearance: none; -webkit-appearance: none; background-color: #ffffff; cursor: pointer; margin-top: 2px; position: relative; transition: border-color 0.2s ease, background-color 0.2s ease; } .vc-checkbox-wrap input[type="checkbox"]:checked, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked { background-color: #e07a40; border-color: #e07a40; } .vc-checkbox-wrap input[type="checkbox"]:checked::after, .vc-checkbox-wrap .wpcf7-acceptance input[type="checkbox"]:checked::after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: 2px solid #ffffff; border-top: none; border-left: none; transform: rotate(45deg); } /* Checkbox label text */ .vc-checkbox-wrap .wpcf7-list-item-label, .vc-checkbox-wrap label { font-size: 14px; color: #1a1a1a; line-height: 1.5; cursor: pointer; max-width: 260px; } /* ---- Submit Button ---- */ .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 24px; background-color: #F55D1B; color: #ffffff; font-size: 16px; font-weight: 500; font-family: inherit; border: none; border-radius: 50px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease, transform 0.1s ease; letter-spacing: 0.3px; } .vc-submit-wrap input[type="submit"]:hover, .vc-submit-wrap .wpcf7-submit:hover { background-color: #c96830; } .vc-submit-wrap input[type="submit"]:active, .vc-submit-wrap .wpcf7-submit:active { transform: scale(0.98); } /* Submit loading spinner (CF7 default) */ .wpcf7-spinner { display: none !important; } /* ============================================================ RESPONSIVE - Mobile ============================================================ */ @media (max-width: 600px) { .vc-form-row { flex-direction: column; gap: 16px; } .vc-two-col .vc-form-group { flex: 1 1 100%; } .vc-form-footer { flex-direction: column; align-items: flex-start; } .vc-submit-wrap { width: 100%; } .vc-submit-wrap input[type="submit"], .vc-submit-wrap .wpcf7-submit { width: 167px; } .vc-checkbox-wrap .wpcf7-list-item-label { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-f0ace3d */@media (max-width: 425px) { .elementor-3425 .elementor-element.elementor-element-f0ace3d > .e-n-tabs > .e-n-tabs-heading > :is(.e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title) { padding: 14px 47px; } } @media (max-width: 380px) { .elementor-3425 .elementor-element.elementor-element-f0ace3d > .e-n-tabs > .e-n-tabs-heading > :is(.e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title) { padding: 14px 39px !important; } } @media (max-width: 1440px) { .elementor-3425 .elementor-element.elementor-element-f0ace3d > .e-n-tabs > .e-n-tabs-heading > :is(.e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title) { padding: 14px 70px !important; } }/* End custom CSS */