.elementor-3580 .elementor-element.elementor-element-55c49da{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--overflow:hidden;--margin-top:0;--margin-bottom:12vh;--margin-left:0;--margin-right:0;}.elementor-3580 .elementor-element.elementor-element-5a926b4{--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:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-fe3d68c{width:var( --container-widget-width, 690px );max-width:690px;--container-widget-width:690px;--container-widget-flex-grow:0;}.elementor-3580 .elementor-element.elementor-element-fe3d68c > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-3580 .elementor-element.elementor-element-fe3d68c .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:48px;font-weight:300;line-height:1.1em;}.elementor-3580 .elementor-element.elementor-element-2a0e37b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-254bd0a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:0%;}.elementor-3580 .elementor-element.elementor-element-a607a21 > .elementor-widget-container{margin:0em 0em 0em 0em;padding:10px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-a607a21.elementor-element{--order:99999 /* order end hack */;}.elementor-3580 .elementor-element.elementor-element-a607a21{font-family:"DM Sans", Sans-serif;font-size:17px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;}.elementor-3580 .elementor-element.elementor-element-a607a21 a{font-family:"DM Sans", Sans-serif;font-size:17px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;}.elementor-3580 .elementor-element.elementor-element-678eefc .elementor-button{background-color:#02010100;fill:var( --e-global-color-111044e );color:var( --e-global-color-111044e );border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-678eefc .elementor-button:hover, .elementor-3580 .elementor-element.elementor-element-678eefc .elementor-button:focus{background-color:#02010100;border-color:#02010100;}.elementor-3580 .elementor-element.elementor-element-678eefc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3580 .elementor-element.elementor-element-678eefc .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3580 .elementor-element.elementor-element-10f16faa{--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;--z-index:1;}.elementor-3580 .elementor-element.elementor-element-1dea11ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 30px;--row-gap:20px;--column-gap:30px;--margin-top:0;--margin-bottom:12vh;--margin-left:0;--margin-right:0;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;}.elementor-3580 .elementor-element.elementor-element-5150d4d1{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-3adb0749{width:var( --container-widget-width, 690px );max-width:690px;--container-widget-width:690px;--container-widget-flex-grow:0;}.elementor-3580 .elementor-element.elementor-element-3adb0749 > .elementor-widget-container{margin:40px 0px 20px 0px;}.elementor-3580 .elementor-element.elementor-element-3adb0749 .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-weight:300;}.elementor-3580 .elementor-element.elementor-element-1739a5bf img{max-width:100%;height:calc(100vh - 80px);object-fit:cover;object-position:center center;}.elementor-3580 .elementor-element.elementor-element-1739a5bf .vamtam-image-wrapper{max-width:100%;}.elementor-3580 .elementor-element.elementor-element-131674b3{--spacer-size:12vh;}.elementor-3580 .elementor-element.elementor-element-32bbe2aa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-3580 .elementor-element.elementor-element-3fc544e4{--spacer-size:6vh;}.elementor-3580 .elementor-element.elementor-element-5058f208{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-20033b53 .elementor-heading-title{font-family:"Funnel Display", Sans-serif;color:var( --e-global-color-97e7e52 );}.elementor-3580 .elementor-element.elementor-element-38c2e2a7{--divider-border-style:solid;--divider-color:var( --e-global-color-vamtam_accent_7 );--divider-border-width:0.5px;}.elementor-3580 .elementor-element.elementor-element-38c2e2a7 .elementor-divider-separator{width:100%;}.elementor-3580 .elementor-element.elementor-element-38c2e2a7 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-3580 .elementor-element.elementor-element-423efb78 .elementor-heading-title{font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-7d11fdd2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-7d11fdd2 a{font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-693c99df{--spacer-size:6vh;}.elementor-3580 .elementor-element.elementor-element-10baadb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-3f46483f .elementor-heading-title{font-family:"Funnel Display", Sans-serif;color:var( --e-global-color-97e7e52 );}.elementor-3580 .elementor-element.elementor-element-30392e8{--divider-border-style:solid;--divider-color:var( --e-global-color-vamtam_accent_7 );--divider-border-width:0.5px;}.elementor-3580 .elementor-element.elementor-element-30392e8 .elementor-divider-separator{width:100%;}.elementor-3580 .elementor-element.elementor-element-30392e8 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-3580 .elementor-element.elementor-element-390f4876 .elementor-heading-title{font-family:"DM Sans", Sans-serif;text-transform:capitalize;}.elementor-3580 .elementor-element.elementor-element-49918cde{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-49918cde a{font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-fd0e2e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-113fc6f .elementor-heading-title{font-family:"Funnel Display", Sans-serif;color:var( --e-global-color-97e7e52 );}.elementor-3580 .elementor-element.elementor-element-9b5f04f{--divider-border-style:solid;--divider-color:var( --e-global-color-vamtam_accent_7 );--divider-border-width:0.5px;}.elementor-3580 .elementor-element.elementor-element-9b5f04f .elementor-divider-separator{width:100%;}.elementor-3580 .elementor-element.elementor-element-9b5f04f .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-3580 .elementor-element.elementor-element-2ad910c .elementor-heading-title{font-family:"DM Sans", Sans-serif;text-transform:capitalize;}.elementor-3580 .elementor-element.elementor-element-82e019a{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-82e019a a{font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-3fba120{--spacer-size:6vh;}.elementor-3580 .elementor-element.elementor-element-2b58670{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-4c60aadc .elementor-heading-title{font-family:"Funnel Display", Sans-serif;color:var( --e-global-color-97e7e52 );}.elementor-3580 .elementor-element.elementor-element-3e993536{--divider-border-style:solid;--divider-color:var( --e-global-color-vamtam_accent_7 );--divider-border-width:0.5px;}.elementor-3580 .elementor-element.elementor-element-3e993536 .elementor-divider-separator{width:100%;}.elementor-3580 .elementor-element.elementor-element-3e993536 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-3580 .elementor-element.elementor-element-247ac2b3 .elementor-heading-title{font-family:"DM Sans", Sans-serif;text-transform:capitalize;}.elementor-3580 .elementor-element.elementor-element-4439dec4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-4439dec4 a{font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-14543ab0{--spacer-size:6vh;}.elementor-3580 .elementor-element.elementor-element-03c1128{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-6151706 .elementor-heading-title{font-family:"Funnel Display", Sans-serif;color:var( --e-global-color-97e7e52 );}.elementor-3580 .elementor-element.elementor-element-1de7ea6{--divider-border-style:solid;--divider-color:var( --e-global-color-vamtam_accent_7 );--divider-border-width:0.5px;}.elementor-3580 .elementor-element.elementor-element-1de7ea6 .elementor-divider-separator{width:100%;}.elementor-3580 .elementor-element.elementor-element-1de7ea6 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-3580 .elementor-element.elementor-element-057b41b .elementor-heading-title{font-family:"DM Sans", Sans-serif;text-transform:capitalize;}.elementor-3580 .elementor-element.elementor-element-a0a35d4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-a0a35d4 a{font-family:"DM Sans", Sans-serif;}.elementor-3580 .elementor-element.elementor-element-5a624be7{--spacer-size:6vh;}.elementor-3580 .elementor-element.elementor-element-6440d378{--spacer-size:6vh;}.elementor-3580 .elementor-element.elementor-element-5792b5b8{--spacer-size:6vh;}.elementor-3580 .elementor-element.elementor-element-bc14e3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3580 .elementor-element.elementor-element-044e7f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3580 .elementor-element.elementor-element-044e7f8:not(.elementor-motion-effects-element-type-background), .elementor-3580 .elementor-element.elementor-element-044e7f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFB;}.elementor-3580 .elementor-element.elementor-element-726f398{--display:flex;--padding-top:40px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-e099d3d{width:100%;max-width:100%;}.elementor-3580 .elementor-element.elementor-element-efd7d59{--display:flex;}.elementor-3580 .elementor-element.elementor-element-920c1ce{--spacer-size:150px;}.elementor-3580 .elementor-element.elementor-element-95467f4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3580 .elementor-element.elementor-element-a2eb1e8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-20e8431{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-20e8431:not(.elementor-motion-effects-element-type-background), .elementor-3580 .elementor-element.elementor-element-20e8431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://designverse.agency/wp-content/uploads/2026/06/6-2-1-scaled.jpg");background-position:center center;background-size:cover;}.elementor-3580 .elementor-element.elementor-element-d00f2cb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--z-index:0;}.elementor-3580 .elementor-element.elementor-element-3a43c91{--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:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-5b50687 .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:48px;font-weight:300;}.elementor-3580 .elementor-element.elementor-element-cea1a53 .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:35px;font-weight:300;}.elementor-3580 .elementor-element.elementor-element-474b69e{--display:flex;}.elementor-3580 .elementor-element.elementor-element-064535f{--spacer-size:150px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3580 .elementor-element.elementor-element-55c49da{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-3580 .elementor-element.elementor-element-5a926b4{--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-3580 .elementor-element.elementor-element-fe3d68c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-254bd0a{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3580 .elementor-element.elementor-element-a607a21 > .elementor-widget-container{margin:0em 0em -1em 0em;}.elementor-3580 .elementor-element.elementor-element-1dea11ce{--gap:15px 30px;--row-gap:15px;--column-gap:30px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-3580 .elementor-element.elementor-element-3adb0749 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-131674b3{--spacer-size:60px;}.elementor-3580 .elementor-element.elementor-element-32bbe2aa{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-5058f208{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-3580 .elementor-element.elementor-element-38c2e2a7 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-3580 .elementor-element.elementor-element-10baadb{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-3580 .elementor-element.elementor-element-30392e8 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-3580 .elementor-element.elementor-element-fd0e2e9{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-3580 .elementor-element.elementor-element-9b5f04f .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-3580 .elementor-element.elementor-element-2b58670{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-3580 .elementor-element.elementor-element-3e993536 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-3580 .elementor-element.elementor-element-03c1128{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-3580 .elementor-element.elementor-element-1de7ea6 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-3580 .elementor-element.elementor-element-a2eb1e8{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3580 .elementor-element.elementor-element-20e8431{--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-3580 .elementor-element.elementor-element-d00f2cb{--padding-top:20px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-3580 .elementor-element.elementor-element-55c49da{--margin-top:140px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-3580 .elementor-element.elementor-element-5a926b4{--gap:5px 20px;--row-gap:5px;--column-gap:20px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3580 .elementor-element.elementor-element-fe3d68c{width:100%;max-width:100%;}.elementor-3580 .elementor-element.elementor-element-fe3d68c .elementor-heading-title{font-size:35px;}.elementor-3580 .elementor-element.elementor-element-2a0e37b > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-254bd0a{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:50%;--padding-left:0%;--padding-right:0%;}.elementor-3580 .elementor-element.elementor-element-10f16faa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3580 .elementor-element.elementor-element-1dea11ce{--gap:25px 0px;--row-gap:25px;--column-gap:0px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-3adb0749{width:100%;max-width:100%;}.elementor-3580 .elementor-element.elementor-element-3adb0749 > .elementor-widget-container{margin:0px 0px 5px 0px;padding:0px 0px 10px 0px;}.elementor-3580 .elementor-element.elementor-element-3adb0749 .elementor-heading-title{font-size:35px;}.elementor-3580 .elementor-element.elementor-element-1739a5bf img{height:200px;}.elementor-3580 .elementor-element.elementor-element-131674b3{--spacer-size:0vh;}.elementor-3580 .elementor-element.elementor-element-32bbe2aa{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--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-3580 .elementor-element.elementor-element-3fc544e4{--spacer-size:0px;}.elementor-3580 .elementor-element.elementor-element-38c2e2a7 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3580 .elementor-element.elementor-element-38c2e2a7 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-3580 .elementor-element.elementor-element-7d11fdd2{width:100%;max-width:100%;}.elementor-3580 .elementor-element.elementor-element-693c99df{--spacer-size:0vh;}.elementor-3580 .elementor-element.elementor-element-693c99df > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-30392e8 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3580 .elementor-element.elementor-element-30392e8 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-3580 .elementor-element.elementor-element-49918cde{width:100%;max-width:100%;}.elementor-3580 .elementor-element.elementor-element-9b5f04f > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3580 .elementor-element.elementor-element-9b5f04f .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-3580 .elementor-element.elementor-element-82e019a{width:100%;max-width:100%;}.elementor-3580 .elementor-element.elementor-element-3fba120{--spacer-size:0vh;}.elementor-3580 .elementor-element.elementor-element-3fba120 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-3e993536 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3580 .elementor-element.elementor-element-3e993536 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-3580 .elementor-element.elementor-element-4439dec4{width:100%;max-width:100%;}.elementor-3580 .elementor-element.elementor-element-14543ab0{--spacer-size:0vh;}.elementor-3580 .elementor-element.elementor-element-14543ab0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-1de7ea6 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-3580 .elementor-element.elementor-element-1de7ea6 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-3580 .elementor-element.elementor-element-a0a35d4{width:100%;max-width:100%;}.elementor-3580 .elementor-element.elementor-element-5a624be7{--spacer-size:0vh;}.elementor-3580 .elementor-element.elementor-element-5a624be7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-6440d378{--spacer-size:0vh;}.elementor-3580 .elementor-element.elementor-element-6440d378 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-5792b5b8{--spacer-size:0vh;}.elementor-3580 .elementor-element.elementor-element-5792b5b8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-bc14e3f{--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-3580 .elementor-element.elementor-element-96a609a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3580 .elementor-element.elementor-element-20e8431{--min-height:361px;}.elementor-3580 .elementor-element.elementor-element-d00f2cb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3580 .elementor-element.elementor-element-3a43c91{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3580 .elementor-element.elementor-element-5b50687 .elementor-heading-title{font-size:35px;}.elementor-3580 .elementor-element.elementor-element-cea1a53 .elementor-heading-title{font-size:35px;}.elementor-3580 .elementor-element.elementor-element-25fb37c{font-size:16px;}.elementor-3580 .elementor-element.elementor-element-25fb37c a{font-size:16px;}}@media(min-width:768px){.elementor-3580 .elementor-element.elementor-element-5a926b4{--width:100%;}.elementor-3580 .elementor-element.elementor-element-254bd0a{--width:50%;}.elementor-3580 .elementor-element.elementor-element-5150d4d1{--width:55%;}.elementor-3580 .elementor-element.elementor-element-32bbe2aa{--width:45%;}.elementor-3580 .elementor-element.elementor-element-5058f208{--width:100%;}.elementor-3580 .elementor-element.elementor-element-10baadb{--width:100%;}.elementor-3580 .elementor-element.elementor-element-fd0e2e9{--width:100%;}.elementor-3580 .elementor-element.elementor-element-2b58670{--width:100%;}.elementor-3580 .elementor-element.elementor-element-03c1128{--width:100%;}.elementor-3580 .elementor-element.elementor-element-20e8431{--width:50%;}.elementor-3580 .elementor-element.elementor-element-d00f2cb{--width:50%;}.elementor-3580 .elementor-element.elementor-element-3a43c91{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3580 .elementor-element.elementor-element-20e8431{--width:100%;}.elementor-3580 .elementor-element.elementor-element-d00f2cb{--width:100%;}.elementor-3580 .elementor-element.elementor-element-3a43c91{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-21580ea */.ff-el-group{
width: 100%;
}
/* ==========================================================================
Fluent Forms Pro — Custom Styling
Font: DM Sans | Primary Color: #5868FF
Paste this into WordPress → Appearance → Customize → Additional CSS
(or Elementor → Site Settings → Custom CSS)
========================================================================== */
/* 1. Import DM Sans (place at the very top of your CSS) */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');
/* 2. Root color variable for easy reuse */
:root {
--ff-primary: #5868FF;
--ff-primary-hover: #4453e0;
--ff-font: 'DM Sans', sans-serif;
}
/* 3. Apply DM Sans across the whole form */
.fluentform,
.fluentform * {
font-family: var(--ff-font) !important;
}
/* 4. Field labels */
.fluentform .ff-el-input--label,
.fluentform label {
font-family: var(--ff-font) !important;
font-size: 15px;
font-weight: 500;
color: #1a1a1a;
margin-bottom: 6px;
}
/* 5. Input, textarea, select fields */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform input[type="url"],
.fluentform textarea,
.fluentform select,
.fluentform .ff-el-form-control {
font-family: var(--ff-font) !important;
font-size: 15px !important;
font-weight: 400;
color: #1a1a1a;
padding: 14px 16px;
border-radius: 10px;
border: 1px solid #e2e2ea;
background-color: #f6f7fb;
transition: border-color .2s ease, box-shadow .2s ease;
}
/* Placeholder text */
.fluentform ::placeholder {
font-family: var(--ff-font) !important;
font-size: 14px;
color: #9a9ab0;
opacity: 1;
}
/* Focus state uses primary color */
.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus,
.fluentform .ff-el-form-control:focus {
border-color: var(--ff-primary) !important;
box-shadow: 0 0 0 3px rgba(88, 104, 255, 0.15) !important;
outline: none;
}
/* 6. Section / field group titles (e.g. "Application Type") */
.fluentform .ff-el-group > label,
.fluentform .ff-el-form-check-label,
.fluentform h1, .fluentform h2, .fluentform h3 {
font-family: var(--ff-font) !important;
font-weight: 600;
}
/* 7. Submit Button — rounded, primary color */
.fluentform .ff-btn,
.fluentform .ff-btn-submit,
.fluentform button[type="submit"] {
font-family: var(--ff-font) !important;
font-size: 15px !important;
font-weight: 600 !important;
background-color: var(--ff-primary) !important;
border-color: var(--ff-primary) !important;
color: #ffffff !important;
border-radius: 999px !important; /* fully rounded / pill shape */
padding: 14px 36px !important;
border: none !important;
transition: background-color .2s ease, transform .15s ease;
}
.fluentform .ff-btn:hover,
.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover {
background-color: var(--ff-primary-hover) !important;
transform: translateY(-1px);
}
/* ==========================================================================
8. File Upload Field — add an upload symbol/icon
Fluent Forms Pro wraps the uploader in .ff_upload_wrapper / .ff-el-form-control
with a dropzone class .ff-el-group.ff-dropzone (as seen in your Elements panel)
========================================================================== */
.fluentform .ff-el-group.ff-dropzone .ff_upload_wrapper,
.fluentform .ff_fileupload_wrapper,
.fluentform .ff_upload_btn_wrapper {
position: relative;
border: 2px dashed #c7cbf5;
border-radius: 12px;
background-color: #f6f7ff;
padding: 32px 16px 24px;
text-align: center;
transition: border-color .2s ease, background-color .2s ease;
}
.fluentform .ff-el-group.ff-dropzone .ff_upload_wrapper:hover,
.fluentform .ff_fileupload_wrapper:hover {
border-color: var(--ff-primary);
background-color: #eef0ff;
}
/* Upload icon (cloud-upload symbol) shown above the "Choose file" text */
.fluentform .ff-el-group.ff-dropzone .ff_upload_wrapper::before,
.fluentform .ff_fileupload_wrapper::before {
content: "";
display: block;
width: 40px;
height: 40px;
margin: 0 auto 12px;
background-color: var(--ff-primary);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
/* "Choose File" / browse button inside uploader — match primary rounded style */
.fluentform .ff_upload_btn,
.fluentform .ff_fileupload_wrapper button,
.fluentform .ff-el-group.ff-dropzone button {
font-family: var(--ff-font) !important;
background-color: var(--ff-primary) !important;
color: #fff !important;
border-radius: 999px !important;
border: none !important;
padding: 10px 24px !important;
font-size: 14px !important;
font-weight: 600 !important;
}
/* ==========================================================================
9. Error / validation text stays legible in DM Sans too
========================================================================== */
.fluentform .error,
.fluentform .text-danger {
font-family: var(--ff-font) !important;
font-size: 13px;
}
/* ==========================================================================
ADD-ON CSS — paste this BELOW your existing Fluent Forms custom CSS
1) Submit button → full width
2) Upload field → dashed dropzone card with cloud-upload icon + text
(matches the reference image: light lavender bg, dashed border,
purple circular icon badge, "Drop your file here" label)
========================================================================== */
/* --------------------------------------------------------------------------
1. SUBMIT BUTTON — FULL WIDTH
-------------------------------------------------------------------------- */
.fluentform .ff-btn-submit,
.fluentform button[type="submit"],
.fluentform .ff_submit_btn_wrapper .ff-btn {
display: block !important;
width: 100% !important;
text-align: center !important;
}
.fluentform .ff_submit_btn_wrapper {
width: 100%;
}
/* --------------------------------------------------------------------------
2. FILE UPLOAD — DASHED DROPZONE CARD (matches reference image)
Covers the common Fluent Forms Pro file-upload markup variants.
If it doesn't visually apply, right-click "Choose File" → Inspect,
and send me the exact wrapper class — I'll swap the .elementor-3580 .elementor-element.elementor-element-21580ea in one line.
-------------------------------------------------------------------------- */
.fluentform .ff-el-form-control.ff-el-file,
.fluentform .ff_upload_btn_wrapper,
.fluentform .ff_fileupload_wrapper,
.fluentform .ff-el-group.ff-dropzone,
.fluentform .ff_upload_container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
min-height: 160px;
padding: 24px 16px;
background-color: #EEF0FF; /* light lavender, matches reference */
border: 2px dashed var(--ff-primary);
border-radius: 16px;
text-align: center;
overflow: hidden;
cursor: pointer;
transition: background-color .2s ease, border-color .2s ease;
}
.fluentform .ff-el-form-control.ff-el-file:hover,
.fluentform .ff_upload_btn_wrapper:hover,
.fluentform .ff_fileupload_wrapper:hover,
.fluentform .ff-el-group.ff-dropzone:hover {
background-color: #E3E6FF;
border-color: var(--ff-primary-hover);
}
/* Hide the plugin's own "Choose File" button/label visually,
but keep it clickable across the whole card */
.fluentform .ff-el-form-control.ff-el-file .ff_upload_btn,
.fluentform .ff_upload_btn_wrapper .ff_upload_btn,
.fluentform .ff_fileupload_wrapper button,
.fluentform .ff_fileupload_wrapper input[type="file"],
.fluentform .ff-el-group.ff-dropzone button,
.fluentform .ff-el-group.ff-dropzone input[type="file"] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 2;
}
/* Icon badge — purple circle with white cloud-upload arrow (baked-in colors,
so it renders exactly like the reference regardless of text color rules) */
.fluentform .ff-el-form-control.ff-el-file::before,
.fluentform .ff_upload_btn_wrapper::before,
.fluentform .ff_fileupload_wrapper::before,
.fluentform .ff-el-group.ff-dropzone::before {
content: "";
width: 44px;
height: 44px;
margin-bottom: 12px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none;
z-index: 1;
}
/* "Drop your file here" label under the icon */
.fluentform .ff-el-form-control.ff-el-file::after,
.fluentform .ff_upload_btn_wrapper::after,
.fluentform .ff_fileupload_wrapper::after,
.fluentform .ff-el-group.ff-dropzone::after {
content: "Drop your file here";
font-family: var(--ff-font) !important;
font-size: 14px;
font-weight: 500;
color: var(--ff-primary);
pointer-events: none;
z-index: 1;
}
/* ==========================================================================
TWEAK — shrink the upload dropzone height
Paste this BELOW your existing CSS (it overrides the earlier sizing only)
========================================================================== */
.fluentform .ff-el-form-control.ff-el-file,
.fluentform .ff_upload_btn_wrapper,
.fluentform .ff_fileupload_wrapper,
.fluentform .ff-el-group.ff-dropzone,
.fluentform .ff_upload_container {
min-height: auto !important; /* remove the old 160px floor */
padding: 14px 16px !important; /* was 24px 16px */
gap: 6px;
}
/* Smaller icon badge */
.fluentform .ff-el-form-control.ff-el-file::before,
.fluentform .ff_upload_btn_wrapper::before,
.fluentform .ff_fileupload_wrapper::before,
.fluentform .ff-el-group.ff-dropzone::before {
width: 28px !important;
height: 28px !important;
margin-bottom: 4px !important;
}
/* Tighter text under the button */
.fluentform .ff-el-form-control.ff-el-file::after,
.fluentform .ff_upload_btn_wrapper::after,
.fluentform .ff_fileupload_wrapper::after,
.fluentform .ff-el-group.ff-dropzone::after {
font-size: 12px;
margin-top: 2px;
}
/* Smaller "Choose File" button inside the card */
.fluentform .ff_upload_btn,
.fluentform .ff_fileupload_wrapper button,
.fluentform .ff-el-group.ff-dropzone button {
padding: 8px 20px !important;
font-size: 13px !important;
}
/* Extra tightening on mobile */
@media (max-width: 480px) {
.fluentform .ff-el-form-control.ff-el-file,
.fluentform .ff_upload_btn_wrapper,
.fluentform .ff_fileupload_wrapper,
.fluentform .ff-el-group.ff-dropzone,
.fluentform .ff_upload_container {
padding: 10px 12px !important;
}
}/* End custom CSS */