.elementor-1629 .elementor-element.elementor-element-80b68e9{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.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-1629 .elementor-element.elementor-element-ff84ea5 img{width:100%;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1629 .elementor-element.elementor-element-32676ac{margin:-8% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-1629 .elementor-element.elementor-element-32676ac .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-32676ac .elementor-icon-box-title, .elementor-1629 .elementor-element.elementor-element-32676ac .elementor-icon-box-title a{font-family:"Albert Sans", Sans-serif;font-size:130px;font-weight:800;letter-spacing:-5px;}.elementor-1629 .elementor-element.elementor-element-32676ac:has(:hover) .elementor-icon-box-title, .elementor-1629 .elementor-element.elementor-element-32676ac:has(:focus) .elementor-icon-box-title{color:#FF4A00;}.elementor-1629 .elementor-element.elementor-element-32676ac .elementor-icon-box-description{font-family:"Albert Sans", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-984d831{--display:flex;}.elementor-1629 .elementor-element.elementor-element-e6710b7{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-2451c4e{--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-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-1629 .elementor-element.elementor-element-ce7c954{text-align:center;}.elementor-1629 .elementor-element.elementor-element-ce7c954 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:120px;font-weight:800;text-transform:uppercase;line-height:99px;letter-spacing:-5px;word-spacing:0px;-webkit-text-stroke-width:0.5px;stroke-width:0.5px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#6EC1E400;}.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-1629 .elementor-element.elementor-element-29c7b8b{width:var( --container-widget-width, 81% );max-width:81%;--container-widget-width:81%;--container-widget-flex-grow:0;text-align:center;font-family:"Albert Sans", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:30px;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-29c7b8b.elementor-element{--align-self:center;}.elementor-1629 .elementor-element.elementor-element-c3deddb{--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-1629 .elementor-element.elementor-element-f16d30a{margin:-3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-1629 .elementor-element.elementor-element-9ec3a6f{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-1629 .elementor-element.elementor-element-9ec3a6f.elementor-element{--align-self:center;}.elementor-1629 .elementor-element.elementor-element-5daf461{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-1629 .elementor-element.elementor-element-5daf461.elementor-element{--align-self:center;}.elementor-1629 .elementor-element.elementor-element-55eed4c{--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;--overlay-opacity:1;--padding-top:0px;--padding-bottom:70px;--padding-left:100px;--padding-right:100px;}.elementor-1629 .elementor-element.elementor-element-55eed4c:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-55eed4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stage44.testlinkhub.com/wp-content/uploads/2026/08/Group-2085662920-scaled.png");background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-1629 .elementor-element.elementor-element-55eed4c::before, .elementor-1629 .elementor-element.elementor-element-55eed4c > .elementor-background-video-container::before, .elementor-1629 .elementor-element.elementor-element-55eed4c > .e-con-inner > .elementor-background-video-container::before, .elementor-1629 .elementor-element.elementor-element-55eed4c > .elementor-background-slideshow::before, .elementor-1629 .elementor-element.elementor-element-55eed4c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1629 .elementor-element.elementor-element-55eed4c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://stage44.testlinkhub.com/wp-content/uploads/2026/08/Group-2085662920-scaled.png");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:auto;}.elementor-1629 .elementor-element.elementor-element-eba46c5{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-d5342be{text-align:center;}.elementor-1629 .elementor-element.elementor-element-d5342be .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:95px;font-weight:800;text-transform:uppercase;letter-spacing:-5px;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-0d7e0c2{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-7f2c0fb{--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-1629 .elementor-element.elementor-element-7c36800{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;--border-radius:40px 40px 40px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1629 .elementor-element.elementor-element-7c36800:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-7c36800 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#100500;}.elementor-1629 .elementor-element.elementor-element-7c36800:hover{border-style:none;--border-radius:40px 40px 40px 40px;--border-top-left-radius:40px;--border-top-right-radius:40px;--border-bottom-right-radius:40px;--border-bottom-left-radius:40px;box-shadow:0px 0px 10px 0px #FF4A00;}.elementor-1629 .elementor-element.elementor-element-7c36800, .elementor-1629 .elementor-element.elementor-element-7c36800::before{--border-transition:0.3s;}.elementor-1629 .elementor-element.elementor-element-3a6f3f5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1629 .elementor-element.elementor-element-384ff1d{--display:flex;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1629 .elementor-element.elementor-element-542ab89 .elementor-image-box-wrapper{text-align:start;}.elementor-1629 .elementor-element.elementor-element-542ab89.elementor-position-right .elementor-image-box-img{margin-left:21px;}.elementor-1629 .elementor-element.elementor-element-542ab89.elementor-position-left .elementor-image-box-img{margin-right:21px;}.elementor-1629 .elementor-element.elementor-element-542ab89.elementor-position-top .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-542ab89 .elementor-image-box-title{margin-bottom:0px;font-family:"Albert Sans", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-542ab89 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-1629 .elementor-element.elementor-element-542ab89 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1629 .elementor-element.elementor-element-542ab89:has(:hover) .elementor-image-box-title, .elementor-1629 .elementor-element.elementor-element-542ab89:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-7401d80{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1629 .elementor-element.elementor-element-1631485{text-align:center;}.elementor-1629 .elementor-element.elementor-element-1631485 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:30px;font-weight:800;text-transform:uppercase;line-height:28px;color:#FF4A00;}.elementor-1629 .elementor-element.elementor-element-f88c697 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-d76d763{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;font-family:"Albert Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-d76d763.elementor-element{--align-self:flex-start;}.elementor-1629 .elementor-element.elementor-element-68a57af{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1629 .elementor-element.elementor-element-68a57af.e-con{--align-self:center;}.elementor-1629 .elementor-element.elementor-element-803e934{--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;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-1629 .elementor-element.elementor-element-0f3a8ac{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1629 .elementor-element.elementor-element-0f3a8ac:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-0f3a8ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#10050000;}.elementor-1629 .elementor-element.elementor-element-0f3a8ac:hover{border-style:none;--border-radius:20px 20px 20px 20px;--border-top-left-radius:20px;--border-top-right-radius:20px;--border-bottom-right-radius:20px;--border-bottom-left-radius:20px;}.elementor-1629 .elementor-element.elementor-element-0f3a8ac, .elementor-1629 .elementor-element.elementor-element-0f3a8ac::before{--border-transition:0.3s;}.elementor-1629 .elementor-element.elementor-element-b7e76ab.elementor-element{--align-self:flex-end;}.elementor-1629 .elementor-element.elementor-element-b7e76ab{text-align:end;}.elementor-1629 .elementor-element.elementor-element-b7e76ab img{width:100%;}.elementor-1629 .elementor-element.elementor-element-77128fe{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;--border-radius:40px 40px 40px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1629 .elementor-element.elementor-element-77128fe:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-77128fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#100500;}.elementor-1629 .elementor-element.elementor-element-77128fe:hover{border-style:none;--border-radius:40px 40px 40px 40px;--border-top-left-radius:40px;--border-top-right-radius:40px;--border-bottom-right-radius:40px;--border-bottom-left-radius:40px;}.elementor-1629 .elementor-element.elementor-element-77128fe, .elementor-1629 .elementor-element.elementor-element-77128fe::before{--border-transition:0.3s;}.elementor-1629 .elementor-element.elementor-element-8e713b4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1629 .elementor-element.elementor-element-01d9cfc{--display:flex;}.elementor-1629 .elementor-element.elementor-element-d87f442 .elementor-image-box-wrapper{text-align:start;}.elementor-1629 .elementor-element.elementor-element-d87f442.elementor-position-right .elementor-image-box-img{margin-left:21px;}.elementor-1629 .elementor-element.elementor-element-d87f442.elementor-position-left .elementor-image-box-img{margin-right:21px;}.elementor-1629 .elementor-element.elementor-element-d87f442.elementor-position-top .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-d87f442 .elementor-image-box-title{margin-bottom:0px;font-family:"Albert Sans", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-d87f442 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-1629 .elementor-element.elementor-element-d87f442 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1629 .elementor-element.elementor-element-d87f442:has(:hover) .elementor-image-box-title, .elementor-1629 .elementor-element.elementor-element-d87f442:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-f67b227{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1629 .elementor-element.elementor-element-42bf97e{text-align:center;}.elementor-1629 .elementor-element.elementor-element-42bf97e .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:30px;font-weight:800;text-transform:uppercase;line-height:28px;color:#FF4A00;}.elementor-1629 .elementor-element.elementor-element-92fbde7 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-42cdcec{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;font-family:"Albert Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-42cdcec.elementor-element{--align-self:flex-start;}.elementor-1629 .elementor-element.elementor-element-ff7bb13{--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-1629 .elementor-element.elementor-element-6458ae5{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;--border-radius:40px 40px 40px 40px;--padding-top:40px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-1629 .elementor-element.elementor-element-6458ae5:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-6458ae5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#100500;}.elementor-1629 .elementor-element.elementor-element-6458ae5:hover{border-style:none;--border-radius:40px 40px 40px 40px;--border-top-left-radius:40px;--border-top-right-radius:40px;--border-bottom-right-radius:40px;--border-bottom-left-radius:40px;}.elementor-1629 .elementor-element.elementor-element-6458ae5, .elementor-1629 .elementor-element.elementor-element-6458ae5::before{--border-transition:0.3s;}.elementor-1629 .elementor-element.elementor-element-fdb3cef{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1629 .elementor-element.elementor-element-6e31fd2{--display:flex;}.elementor-1629 .elementor-element.elementor-element-f7ba80f .elementor-image-box-wrapper{text-align:start;}.elementor-1629 .elementor-element.elementor-element-f7ba80f.elementor-position-right .elementor-image-box-img{margin-left:21px;}.elementor-1629 .elementor-element.elementor-element-f7ba80f.elementor-position-left .elementor-image-box-img{margin-right:21px;}.elementor-1629 .elementor-element.elementor-element-f7ba80f.elementor-position-top .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-f7ba80f .elementor-image-box-title{margin-bottom:0px;font-family:"Albert Sans", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-f7ba80f .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-1629 .elementor-element.elementor-element-f7ba80f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1629 .elementor-element.elementor-element-f7ba80f:has(:hover) .elementor-image-box-title, .elementor-1629 .elementor-element.elementor-element-f7ba80f:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-14e26e0{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1629 .elementor-element.elementor-element-d97d371{text-align:center;}.elementor-1629 .elementor-element.elementor-element-d97d371 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:30px;font-weight:800;text-transform:uppercase;line-height:28px;color:#FF4A00;}.elementor-1629 .elementor-element.elementor-element-bfab959 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-deba249{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;font-family:"Albert Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-deba249.elementor-element{--align-self:flex-start;}.elementor-1629 .elementor-element.elementor-element-13b84bd{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1629 .elementor-element.elementor-element-e7be3f8.elementor-element{--align-self:flex-start;}.elementor-1629 .elementor-element.elementor-element-da05d2d{--display:flex;}.elementor-1629 .elementor-element.elementor-element-5aec3b2{--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-1629 .elementor-element.elementor-element-e34f77e{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1629 .elementor-element.elementor-element-e34f77e:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-e34f77e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#10050000;}.elementor-1629 .elementor-element.elementor-element-e34f77e:hover{border-style:none;--border-radius:20px 20px 20px 20px;--border-top-left-radius:20px;--border-top-right-radius:20px;--border-bottom-right-radius:20px;--border-bottom-left-radius:20px;}.elementor-1629 .elementor-element.elementor-element-e34f77e, .elementor-1629 .elementor-element.elementor-element-e34f77e::before{--border-transition:0.3s;}.elementor-1629 .elementor-element.elementor-element-7ee2e29.elementor-element{--align-self:flex-end;}.elementor-1629 .elementor-element.elementor-element-7ee2e29{text-align:end;}.elementor-1629 .elementor-element.elementor-element-7ee2e29 img{width:100%;}.elementor-1629 .elementor-element.elementor-element-efa4d56{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;--border-radius:40px 40px 40px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1629 .elementor-element.elementor-element-efa4d56:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-efa4d56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#100500;}.elementor-1629 .elementor-element.elementor-element-efa4d56:hover{border-style:none;--border-radius:40px 40px 40px 40px;--border-top-left-radius:40px;--border-top-right-radius:40px;--border-bottom-right-radius:40px;--border-bottom-left-radius:40px;}.elementor-1629 .elementor-element.elementor-element-efa4d56, .elementor-1629 .elementor-element.elementor-element-efa4d56::before{--border-transition:0.3s;}.elementor-1629 .elementor-element.elementor-element-32eed4e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1629 .elementor-element.elementor-element-962fe09{--display:flex;}.elementor-1629 .elementor-element.elementor-element-aef93ca .elementor-image-box-wrapper{text-align:start;}.elementor-1629 .elementor-element.elementor-element-aef93ca.elementor-position-right .elementor-image-box-img{margin-left:21px;}.elementor-1629 .elementor-element.elementor-element-aef93ca.elementor-position-left .elementor-image-box-img{margin-right:21px;}.elementor-1629 .elementor-element.elementor-element-aef93ca.elementor-position-top .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-aef93ca .elementor-image-box-title{margin-bottom:0px;font-family:"Albert Sans", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-aef93ca .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-1629 .elementor-element.elementor-element-aef93ca .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1629 .elementor-element.elementor-element-aef93ca:has(:hover) .elementor-image-box-title, .elementor-1629 .elementor-element.elementor-element-aef93ca:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-4b36dee{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1629 .elementor-element.elementor-element-efa9298{text-align:center;}.elementor-1629 .elementor-element.elementor-element-efa9298 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:30px;font-weight:800;text-transform:uppercase;line-height:28px;color:#FF4A00;}.elementor-1629 .elementor-element.elementor-element-10a417b .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-db22957{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;font-family:"Albert Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-db22957.elementor-element{--align-self:flex-start;}.elementor-1629 .elementor-element.elementor-element-e6f96b7{--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-1629 .elementor-element.elementor-element-592e19f{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:none;--border-style:none;--border-radius:40px 40px 40px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1629 .elementor-element.elementor-element-592e19f:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-592e19f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#100500;}.elementor-1629 .elementor-element.elementor-element-592e19f:hover{border-style:none;--border-radius:40px 40px 40px 40px;--border-top-left-radius:40px;--border-top-right-radius:40px;--border-bottom-right-radius:40px;--border-bottom-left-radius:40px;}.elementor-1629 .elementor-element.elementor-element-592e19f, .elementor-1629 .elementor-element.elementor-element-592e19f::before{--border-transition:0.3s;}.elementor-1629 .elementor-element.elementor-element-33ce6c9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1629 .elementor-element.elementor-element-d727be6{--display:flex;}.elementor-1629 .elementor-element.elementor-element-15e6325 .elementor-image-box-wrapper{text-align:start;}.elementor-1629 .elementor-element.elementor-element-15e6325.elementor-position-right .elementor-image-box-img{margin-left:21px;}.elementor-1629 .elementor-element.elementor-element-15e6325.elementor-position-left .elementor-image-box-img{margin-right:21px;}.elementor-1629 .elementor-element.elementor-element-15e6325.elementor-position-top .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-15e6325 .elementor-image-box-title{margin-bottom:0px;font-family:"Albert Sans", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-15e6325 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-1629 .elementor-element.elementor-element-15e6325 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1629 .elementor-element.elementor-element-15e6325:has(:hover) .elementor-image-box-title, .elementor-1629 .elementor-element.elementor-element-15e6325:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-f472414{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1629 .elementor-element.elementor-element-adcf819{text-align:center;}.elementor-1629 .elementor-element.elementor-element-adcf819 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:30px;font-weight:800;text-transform:uppercase;line-height:28px;color:#FF4A00;}.elementor-1629 .elementor-element.elementor-element-955d016 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-b7d192a{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;font-family:"Albert Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-b7d192a.elementor-element{--align-self:flex-start;}.elementor-1629 .elementor-element.elementor-element-ddabd9e{--display:flex;}@media(min-width:768px){.elementor-1629 .elementor-element.elementor-element-7c36800{--width:95%;}.elementor-1629 .elementor-element.elementor-element-7401d80{--width:43%;}.elementor-1629 .elementor-element.elementor-element-77128fe{--width:90%;}.elementor-1629 .elementor-element.elementor-element-f67b227{--width:43%;}.elementor-1629 .elementor-element.elementor-element-6458ae5{--width:90%;}.elementor-1629 .elementor-element.elementor-element-14e26e0{--width:43%;}.elementor-1629 .elementor-element.elementor-element-efa4d56{--width:89%;}.elementor-1629 .elementor-element.elementor-element-4b36dee{--width:43%;}.elementor-1629 .elementor-element.elementor-element-592e19f{--width:90%;}.elementor-1629 .elementor-element.elementor-element-f472414{--width:43%;}}@media(max-width:1024px){.elementor-1629 .elementor-element.elementor-element-80b68e9{--min-height:368px;}.elementor-1629 .elementor-element.elementor-element-32676ac .elementor-icon-box-title, .elementor-1629 .elementor-element.elementor-element-32676ac .elementor-icon-box-title a{font-size:80px;}.elementor-1629 .elementor-element.elementor-element-d5342be .elementor-heading-title{font-size:50px;}}@media(max-width:767px){.elementor-1629 .elementor-element.elementor-element-80b68e9{--min-height:214px;}.elementor-1629 .elementor-element.elementor-element-32676ac .elementor-icon-box-title, .elementor-1629 .elementor-element.elementor-element-32676ac .elementor-icon-box-title a{font-size:46px;letter-spacing:-2px;}.elementor-1629 .elementor-element.elementor-element-32676ac .elementor-icon-box-description{font-size:15px;}.elementor-1629 .elementor-element.elementor-element-e6710b7{--spacer-size:1px;}.elementor-1629 .elementor-element.elementor-element-ce7c954 .elementor-heading-title{font-size:55px;line-height:1em;letter-spacing:-0.9px;}.elementor-1629 .elementor-element.elementor-element-29c7b8b{width:100%;max-width:100%;font-size:20px;line-height:1.5em;}.elementor-1629 .elementor-element.elementor-element-55eed4c{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1629 .elementor-element.elementor-element-eba46c5{--spacer-size:10px;}.elementor-1629 .elementor-element.elementor-element-d5342be .elementor-heading-title{font-size:50px;letter-spacing:-2.9px;}.elementor-1629 .elementor-element.elementor-element-0d7e0c2{--spacer-size:10px;}.elementor-1629 .elementor-element.elementor-element-7c36800{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1629 .elementor-element.elementor-element-384ff1d{--width:60%;}.elementor-1629 .elementor-element.elementor-element-542ab89 .elementor-image-box-wrapper{text-align:start;}.elementor-1629 .elementor-element.elementor-element-542ab89 .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-542ab89 .elementor-image-box-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-7401d80{--width:31%;}.elementor-1629 .elementor-element.elementor-element-1631485 .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-f88c697 .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-d76d763{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1629 .elementor-element.elementor-element-68a57af{--min-height:0px;}.elementor-1629 .elementor-element.elementor-element-803e934{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-1629 .elementor-element.elementor-element-0f3a8ac{--min-height:0px;}.elementor-1629 .elementor-element.elementor-element-77128fe{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1629 .elementor-element.elementor-element-01d9cfc{--width:65%;}.elementor-1629 .elementor-element.elementor-element-d87f442 .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-d87f442 .elementor-image-box-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-f67b227{--width:27%;}.elementor-1629 .elementor-element.elementor-element-42bf97e .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-92fbde7 .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-42cdcec{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1629 .elementor-element.elementor-element-6458ae5{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1629 .elementor-element.elementor-element-6e31fd2{--width:60%;}.elementor-1629 .elementor-element.elementor-element-f7ba80f .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-f7ba80f .elementor-image-box-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-14e26e0{--width:31%;}.elementor-1629 .elementor-element.elementor-element-d97d371 .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-bfab959 .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-deba249{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1629 .elementor-element.elementor-element-13b84bd{--min-height:0px;}.elementor-1629 .elementor-element.elementor-element-da05d2d{--min-height:7px;}.elementor-1629 .elementor-element.elementor-element-5aec3b2{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-1629 .elementor-element.elementor-element-e34f77e{--min-height:0px;}.elementor-1629 .elementor-element.elementor-element-efa4d56{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1629 .elementor-element.elementor-element-962fe09{--width:60%;}.elementor-1629 .elementor-element.elementor-element-aef93ca .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-aef93ca .elementor-image-box-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-4b36dee{--width:31%;}.elementor-1629 .elementor-element.elementor-element-efa9298 .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-10a417b .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-db22957{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1629 .elementor-element.elementor-element-592e19f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1629 .elementor-element.elementor-element-d727be6{--width:60%;}.elementor-1629 .elementor-element.elementor-element-15e6325 .elementor-image-box-img{margin-bottom:21px;}.elementor-1629 .elementor-element.elementor-element-15e6325 .elementor-image-box-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-f472414{--width:31%;}.elementor-1629 .elementor-element.elementor-element-adcf819 .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-955d016 .elementor-heading-title{font-size:20px;}.elementor-1629 .elementor-element.elementor-element-b7d192a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}}/* Start custom CSS for heading, class: .elementor-element-ce7c954 */.elementor-1629 .elementor-element.elementor-element-ce7c954 { color: transparent !important; -webkit-text-stroke: 1.5px #FFFFFF; transition: all 0.4s ease !important; } .elementor-1629 .elementor-element.elementor-element-ce7c954:hover { color: #FF4A00 !important; -webkit-text-stroke: 1.5px #FF4A00; text-shadow: 0 0 5px #FF4A00, 0 0 15px #FF4A00, 0 0 30px rgba(255, 74, 0, 0.8), 0 0 50px rgba(255, 74, 0, 0.5); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aebfc94 *//* ========================================================= DESIGN HERO ACCORDION Fully Scoped for Elementor ========================================================= */ .design-hero-accordion { width: 100%; max-width: 1200px; margin: 50px auto; padding: 0 20px; box-sizing: border-box; font-family: 'Albert Sans', sans-serif; } /* ========================================================= HERO BACKGROUND / TITLE AREA ========================================================= */ .design-hero-accordion .design-hero-bg { position: relative; width: 100%; height: 140px; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: visible; } /* ========================================================= DESIGN TITLE ========================================================= */ .design-hero-accordion .design-hero-title { position: relative; z-index: 2; display: inline-block; margin: 0; font-family: 'Albert Sans', sans-serif; font-size: clamp(60px, 13vw, 190px); font-weight: 600; line-height: 1; letter-spacing: clamp(-3px, -0.5vw, -8px); white-space: nowrap; clip-path: inset(0 0 50% 0); transition: clip-path 0.5s ease, margin-bottom 0.5s ease; } /* TITLE OPEN */ .design-hero-accordion .design-hero-bg:hover .design-hero-title { clip-path: inset(0 0 0 0); margin-bottom: 30px; } /* ========================================================= DESIGN TEXT ========================================================= */ .design-hero-accordion .design-text-bg { position: relative; display: inline-block; color: transparent; -webkit-text-stroke: 2px #ffffff; font-family: 'Albert Sans', sans-serif; transition: all 0.5s ease; } /* ========================================================= IMAGE INSIDE TEXT ========================================================= */ .design-hero-accordion .design-text-bg::before { content: "DESIGN"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url( 'https://stage44.testlinkhub.com/wp-content/uploads/2025/12/G2CM_FI978_Learn_Article_Images_Graphic_Design_V1b.webp' ); background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0; z-index: -1; transition: opacity 0.5s ease; } /* IMAGE SHOW ON HOVER */ .design-hero-accordion .design-hero-bg:hover .design-text-bg::before { opacity: 1; } /* ========================================================= ACCORDION CONTAINER ========================================================= */ .design-hero-accordion .design-accordion-container { width: 100%; box-sizing: border-box; } /* ========================================================= ACCORDION CONTENT CLOSED ========================================================= */ .design-hero-accordion .design-accordion-content { width: 100%; max-height: 0; overflow: hidden; display: flex; align-items: flex-start; gap: clamp(30px, 5vw, 60px); padding: 0 40px; box-sizing: border-box; margin-top: -10px; background: transparent; border-top: 2px solid transparent; border-radius: 1px; transition: max-height 0.5s ease, padding 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } /* ========================================================= ACCORDION OPEN ========================================================= */ .design-hero-accordion .design-hero-bg:hover + .design-accordion-container .design-accordion-item .design-accordion-content { max-height: 500px; padding: 30px 40px; background: #1D1D1D; border-top: 2px solid #cccccc; } /* ========================================================= LEFT SECTION ========================================================= */ .design-hero-accordion .design-accordion-left { flex: 1; min-width: 0; display: flex; justify-content: flex-start; align-items: flex-start; z-index: 2; } /* LIST */ .design-hero-accordion .design-accordion-left ul { list-style: disc; margin: 0; padding-left: 20px; } /* LIST ITEMS */ .design-hero-accordion .design-accordion-left li { margin: 0 0 10px 0; padding: 0; color: #FF4A00; font-family: 'Albert Sans', sans-serif; font-size: clamp(16px, 2vw, 25px); font-weight: 700; line-height: 1.1; text-align: left; } /* ========================================================= RIGHT SECTION ========================================================= */ .design-hero-accordion .design-accordion-right { flex: 2; min-width: 0; display: flex; justify-content: flex-start; align-items: flex-start; } /* RIGHT TEXT */ .design-hero-accordion .design-accordion-right p { max-width: 850px; margin: 0; padding: 0; color: #ffffff; font-family: 'Albert Sans', sans-serif; font-size: clamp(18px, 2.2vw, 27px); font-weight: 600; line-height: 1.3; text-align: left; text-transform: uppercase; } /* ========================================================= LARGE DESKTOP 1201px+ ========================================================= */ @media (min-width: 1201px) { .design-hero-accordion { max-width: 1200px; } } /* ========================================================= LAPTOP 1025px - 1200px ========================================================= */ @media (max-width: 1200px) { .design-hero-accordion { max-width: 100%; padding-left: 30px; padding-right: 30px; } .design-hero-accordion .design-hero-bg { height: 125px; } .design-hero-accordion .design-hero-title { font-size: clamp(90px, 13vw, 160px); } .design-hero-accordion .design-accordion-content { gap: 40px; } .design-hero-accordion .design-hero-bg:hover + .design-accordion-container .design-accordion-item .design-accordion-content { padding: 28px 30px; } } /* ========================================================= TABLET 769px - 1024px ========================================================= */ @media (max-width: 1024px) { .design-hero-accordion { margin: 40px auto; padding-left: 25px; padding-right: 25px; } .design-hero-accordion .design-hero-bg { height: 105px; } .design-hero-accordion .design-hero-title { font-size: clamp(70px, 12vw, 115px); letter-spacing: -5px; } .design-hero-accordion .design-text-bg { -webkit-text-stroke: 1.5px #ffffff; } .design-hero-accordion .design-accordion-content { gap: 30px; } .design-hero-accordion .design-hero-bg:hover + .design-accordion-container .design-accordion-item .design-accordion-content { max-height: 550px; padding: 25px; } .design-hero-accordion .design-accordion-left { flex: 0 0 32%; } .design-hero-accordion .design-accordion-left li { font-size: 19px; margin-bottom: 8px; } .design-hero-accordion .design-accordion-right p { font-size: 19px; line-height: 1.4; } } /* ========================================================= MOBILE / TABLET 481px - 768px ========================================================= */ @media (max-width: 768px) { .design-hero-accordion { margin: 35px auto; padding-left: 20px; padding-right: 20px; } .design-hero-accordion .design-hero-bg { height: 75px; } .design-hero-accordion .design-hero-title { font-size: clamp(55px, 13vw, 85px); letter-spacing: -4px; } .design-hero-accordion .design-text-bg { -webkit-text-stroke: 1.5px #ffffff; } /* STACK CONTENT */ .design-hero-accordion .design-accordion-content { flex-direction: column; gap: 20px; } .design-hero-accordion .design-hero-bg:hover + .design-accordion-container .design-accordion-item .design-accordion-content { max-height: 700px; padding: 25px 20px; } /* LEFT */ .design-hero-accordion .design-accordion-left { width: 100%; flex: none; } .design-hero-accordion .design-accordion-left ul { padding-left: 18px; } .design-hero-accordion .design-accordion-left li { font-size: 17px; margin-bottom: 7px; } /* RIGHT */ .design-hero-accordion .design-accordion-right { width: 100%; flex: none; } .design-hero-accordion .design-accordion-right p { font-size: 17px; line-height: 1.45; } } /* ========================================================= MOBILE 481px - 599px ========================================================= */ @media (max-width: 599px) { .design-hero-accordion { margin: 30px auto; padding-left: 15px; padding-right: 15px; } .design-hero-accordion .design-hero-bg { height: 62px; } .design-hero-accordion .design-hero-title { font-size: clamp(45px, 14vw, 70px); letter-spacing: -3px; } .design-hero-accordion .design-hero-bg:hover .design-hero-title { margin-bottom: 15px; } .design-hero-accordion .design-hero-bg:hover + .design-accordion-container .design-accordion-item .design-accordion-content { max-height: 750px; padding: 20px 15px; } .design-hero-accordion .design-accordion-content { gap: 18px; } .design-hero-accordion .design-accordion-left li { font-size: 15px; margin-bottom: 6px; } .design-hero-accordion .design-accordion-right p { font-size: 14px; line-height: 1.5; } } /* ========================================================= SMALL MOBILE 320px - 480px ========================================================= */ @media (max-width: 480px) { .design-hero-accordion { margin: 25px auto; padding-left: 12px; padding-right: 12px; } .design-hero-accordion .design-hero-bg { height: 52px; } .design-hero-accordion .design-hero-title { font-size: clamp(38px, 15vw, 58px); letter-spacing: -2px; } .design-hero-accordion .design-text-bg { -webkit-text-stroke: 1px #ffffff; } .design-hero-accordion .design-hero-bg:hover + .design-accordion-container .design-accordion-item .design-accordion-content { max-height: 800px; padding: 18px 12px; } .design-hero-accordion .design-accordion-content { gap: 15px; } .design-hero-accordion .design-accordion-left ul { padding-left: 17px; } .design-hero-accordion .design-accordion-left li { font-size: 13px; line-height: 1.2; margin-bottom: 5px; } .design-hero-accordion .design-accordion-right p { font-size: 12px; line-height: 1.5; } } /* ========================================================= VERY SMALL PHONES 320px and below ========================================================= */ @media (max-width: 320px) { .design-hero-accordion { margin: 20px auto; padding-left: 10px; padding-right: 10px; } .design-hero-accordion .design-hero-bg { height: 45px; } .design-hero-accordion .design-hero-title { font-size: 38px; letter-spacing: -2px; } .design-hero-accordion .design-hero-bg:hover + .design-accordion-container .design-accordion-item .design-accordion-content { padding: 15px 10px; } .design-hero-accordion .design-accordion-left li { font-size: 12px; } .design-hero-accordion .design-accordion-right p { font-size: 11px; line-height: 1.45; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f16d30a *//* ========================================================= DEVELOPMENT ACCORDION Elementor Scoped CSS ========================================================= */ /* ========================================================= MAIN SECTION ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section { width: 100%; max-width: 1200px; margin: 50px auto; box-sizing: border-box; font-family: 'Albert Sans', sans-serif; } /* ========================================================= HERO AREA ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg { position: relative; width: 100%; height: 140px; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: visible; } /* ========================================================= DEVELOPMENT TITLE ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-title { position: relative; z-index: 2; display: inline-block; margin: 0 0 20px 0; font-family: 'Albert Sans', sans-serif; font-size: clamp(60px, 13vw, 190px); font-weight: 600; line-height: 1; letter-spacing: clamp(-3px, -0.5vw, -8px); white-space: nowrap; clip-path: inset(0 0 50% 0); transition: clip-path 0.5s ease, margin-bottom 0.5s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover .hero-title { clip-path: inset(0 0 0 0); margin-bottom: 30px; } /* ========================================================= TEXT ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .text-bg { position: relative; display: inline-block; color: transparent; -webkit-text-stroke: 2px #ffffff; font-family: 'Albert Sans', sans-serif; transition: all 0.5s ease; } /* ========================================================= IMAGE INSIDE DEVELOPMENT TEXT ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .text-bg::before { content: "DEVELOPMENT"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url( 'https://stage44.testlinkhub.com/wp-content/uploads/2025/12/Development-Sharks.jpg' ); background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0; z-index: -1; transition: opacity 0.5s ease; } /* IMAGE SHOW */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover .text-bg::before { opacity: 1; } /* ========================================================= ACCORDION ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-content { width: 100%; max-height: 0; overflow: hidden; display: flex; align-items: flex-start; gap: clamp(30px, 5vw, 60px); padding: 0 40px; box-sizing: border-box; margin-top: -20px; background: transparent; border-top: 2px solid transparent; border-radius: 1px; transition: max-height 0.5s ease, padding 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } /* ========================================================= ACCORDION OPEN ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover + .accordion-container .accordion-item .accordion-content { max-height: 500px; padding: 30px 40px; background: #1D1D1D; border-top: 2px solid #cccccc; } /* ========================================================= LEFT SECTION ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left { flex: 1; min-width: 0; display: flex; justify-content: flex-start; align-items: flex-start; z-index: 2; } /* LIST */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left ul { list-style: disc; margin: 0; padding-left: 20px; } /* LIST ITEMS */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left li { margin: 0 0 10px 0; padding: 0; color: #FF4A00; font-family: 'Albert Sans', sans-serif; font-size: clamp(16px, 2vw, 25px); font-weight: 700; line-height: 1.1; text-align: left; } /* ========================================================= RIGHT SECTION ========================================================= */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-right { flex: 2; min-width: 0; display: flex; justify-content: flex-start; align-items: flex-start; } /* RIGHT TEXT */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-right p { max-width: 850px; margin: 0; padding: 0; color: #ffffff; font-family: 'Albert Sans', sans-serif; font-size: clamp(18px, 2.2vw, 27px); font-weight: 600; line-height: 1.3; text-align: left; text-transform: uppercase; } /* ========================================================= LAPTOP 1025px - 1200px ========================================================= */ @media (max-width: 1200px) { .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section { max-width: 100%; padding-left: 30px; padding-right: 30px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg { height: 125px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-title { font-size: clamp(90px, 13vw, 160px); } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-content { gap: 40px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover + .accordion-container .accordion-item .accordion-content { padding: 28px 30px; } } /* ========================================================= TABLET 769px - 1024px ========================================================= */ @media (max-width: 1024px) { .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section { margin: 40px auto; padding-left: 25px; padding-right: 25px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg { height: 105px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-title { font-size: clamp(70px, 12vw, 115px); letter-spacing: -5px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .text-bg { -webkit-text-stroke: 1.5px #ffffff; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-content { gap: 30px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover + .accordion-container .accordion-item .accordion-content { max-height: 550px; padding: 25px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left { flex: 0 0 32%; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left li { font-size: 19px; margin-bottom: 8px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-right p { font-size: 19px; line-height: 1.4; } } /* ========================================================= MOBILE / SMALL TABLET 481px - 768px ========================================================= */ @media (max-width: 768px) { .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section { margin: 35px auto; padding-left: 20px; padding-right: 20px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg { height: 75px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-title { font-size: clamp(45px, 12vw, 80px); letter-spacing: -3px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .text-bg { -webkit-text-stroke: 1.5px #ffffff; } /* STACK CONTENT */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-content { flex-direction: column; gap: 20px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover + .accordion-container .accordion-item .accordion-content { max-height: 750px; padding: 25px 20px; } /* LEFT */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left { width: 100%; flex: none; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left ul { padding-left: 18px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left li { font-size: 17px; line-height: 1.2; margin-bottom: 7px; } /* RIGHT */ .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-right { width: 100%; flex: none; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-right p { font-size: 17px; line-height: 1.45; } } /* ========================================================= MOBILE 481px - 599px ========================================================= */ @media (max-width: 599px) { .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section { margin: 30px auto; padding-left: 15px; padding-right: 15px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg { height: 65px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-title { font-size: clamp(40px, 12vw, 65px); letter-spacing: -2px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover .hero-title { margin-bottom: 15px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover + .accordion-container .accordion-item .accordion-content { max-height: 800px; padding: 20px 15px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-content { gap: 18px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left li { font-size: 15px; margin-bottom: 6px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-right p { font-size: 14px; line-height: 1.5; } } /* ========================================================= SMALL MOBILE 320px - 480px ========================================================= */ @media (max-width: 480px) { .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section { margin: 25px auto; padding-left: 12px; padding-right: 12px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg { height: 55px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-title { font-size: clamp(32px, 12vw, 55px); letter-spacing: -2px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .text-bg { -webkit-text-stroke: 1px #ffffff; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover + .accordion-container .accordion-item .accordion-content { max-height: 850px; padding: 18px 12px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-content { gap: 15px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left ul { padding-left: 17px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left li { font-size: 13px; line-height: 1.2; margin-bottom: 5px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-right p { font-size: 12px; line-height: 1.5; } } /* ========================================================= VERY SMALL PHONES 320px and below ========================================================= */ @media (max-width: 320px) { .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section { margin: 20px auto; padding-left: 10px; padding-right: 10px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .design-hero-bg, .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg { height: 45px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-title { font-size: 34px; letter-spacing: -1.5px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .hero-bg:hover + .accordion-container .accordion-item .accordion-content { padding: 15px 10px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-left li { font-size: 12px; } .elementor-1629 .elementor-element.elementor-element-f16d30a .development-section .accordion-right p { font-size: 11px; line-height: 1.45; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9ec3a6f */```css /* ========================================================= SEO HERO ACCORDION Elementor Scoped + Fully Responsive ========================================================= */ /* MAIN */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-accordion { width: 100%; max-width: 1200px; margin: 50px auto; box-sizing: border-box; font-family: 'Albert Sans', sans-serif; } /* ========================================================= HERO ========================================================= */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg { position: relative; width: 100%; height: 140px; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: visible; } /* ========================================================= TITLE ========================================================= */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-title { position: relative; z-index: 2; display: inline-block; margin: 0 0 20px 0; font-family: 'Albert Sans', sans-serif; font-size: clamp(60px, 13vw, 190px); font-weight: 600; line-height: 1; letter-spacing: clamp(-3px, -0.5vw, -8px); white-space: nowrap; clip-path: inset(0 0 50% 0); transition: clip-path 0.5s ease, margin-bottom 0.5s ease; } /* TITLE HOVER */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg:hover .seo-hero-title { clip-path: inset(0 0 0 0); margin-bottom: 30px; } /* ========================================================= TEXT ========================================================= */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-text-bg { position: relative; display: inline-block; color: transparent; -webkit-text-stroke: 2px #ffffff; font-family: 'Albert Sans', sans-serif; } /* ========================================================= IMAGE INSIDE SEO TEXT ========================================================= */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-text-bg::before { content: "SEO"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url( 'https://stage44.testlinkhub.com/wp-content/uploads/2025/12/blog_27062022.jpg' ); background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0; z-index: -1; transition: opacity 0.5s ease; } /* IMAGE HOVER */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg:hover .seo-text-bg::before { opacity: 1; } /* ========================================================= ACCORDION ========================================================= */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-content { width: 100%; max-height: 0; overflow: hidden; display: flex; align-items: flex-start; gap: clamp(30px, 5vw, 60px); padding: 0 40px; box-sizing: border-box; margin-top: -20px; background: transparent; border-top: 2px solid transparent; transition: max-height 0.5s ease, padding 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } /* OPEN */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg:hover + .seo-accordion-container .seo-accordion-item .seo-accordion-content { max-height: 500px; padding: 30px 40px; background: #1D1D1D; border-top: 2px solid #cccccc; } /* ========================================================= LEFT ========================================================= */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left { flex: 1; min-width: 0; display: flex; justify-content: flex-start; align-items: flex-start; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left ul { list-style: disc; margin: 0; padding-left: 20px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left li { margin: 0 0 10px 0; padding: 0; color: #FF4A00; font-family: 'Albert Sans', sans-serif; font-size: clamp(16px, 2vw, 25px); font-weight: 700; line-height: 1.1; text-align: left; } /* ========================================================= RIGHT ========================================================= */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-right { flex: 2; min-width: 0; display: flex; justify-content: flex-start; align-items: flex-start; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-right p { max-width: 850px; margin: 0; padding: 0; color: #ffffff; font-family: 'Albert Sans', sans-serif; font-size: clamp(18px, 2.2vw, 27px); font-weight: 600; line-height: 1.3; text-align: left; text-transform: uppercase; } /* ========================================================= LAPTOP ========================================================= */ @media (max-width: 1200px) { .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-accordion { max-width: 100%; padding-left: 30px; padding-right: 30px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg { height: 125px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-title { font-size: clamp(90px, 13vw, 160px); } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-content { gap: 40px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg:hover + .seo-accordion-container .seo-accordion-item .seo-accordion-content { padding: 28px 30px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-accordion { margin: 40px auto; padding-left: 25px; padding-right: 25px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg { height: 105px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-title { font-size: clamp(70px, 12vw, 115px); letter-spacing: -5px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-text-bg { -webkit-text-stroke: 1.5px #ffffff; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-content { gap: 30px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg:hover + .seo-accordion-container .seo-accordion-item .seo-accordion-content { max-height: 550px; padding: 25px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left { flex: 0 0 32%; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left li { font-size: 19px; margin-bottom: 8px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-right p { font-size: 19px; line-height: 1.4; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 768px) { .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-accordion { margin: 35px auto; padding-left: 20px; padding-right: 20px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg { height: 75px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-title { font-size: clamp(55px, 13vw, 85px); letter-spacing: -4px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-text-bg { -webkit-text-stroke: 1.5px #ffffff; } /* STACK */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-content { flex-direction: column; gap: 20px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg:hover + .seo-accordion-container .seo-accordion-item .seo-accordion-content { max-height: 750px; padding: 25px 20px; } /* LEFT */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left { width: 100%; flex: none; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left ul { padding-left: 18px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left li { font-size: 17px; line-height: 1.2; margin-bottom: 7px; } /* RIGHT */ .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-right { width: 100%; flex: none; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-right p { font-size: 17px; line-height: 1.45; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 599px) { .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-accordion { margin: 30px auto; padding-left: 15px; padding-right: 15px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg { height: 62px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-title { font-size: clamp(45px, 14vw, 70px); letter-spacing: -3px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg:hover + .seo-accordion-container .seo-accordion-item .seo-accordion-content { max-height: 800px; padding: 20px 15px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-content { gap: 18px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left li { font-size: 15px; margin-bottom: 6px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-right p { font-size: 14px; line-height: 1.5; } } /* ========================================================= EXTRA SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-accordion { margin: 25px auto; padding-left: 12px; padding-right: 12px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg { height: 52px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-title { font-size: clamp(38px, 15vw, 58px); letter-spacing: -2px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-text-bg { -webkit-text-stroke: 1px #ffffff; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg:hover + .seo-accordion-container .seo-accordion-item .seo-accordion-content { max-height: 850px; padding: 18px 12px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-content { gap: 15px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left ul { padding-left: 17px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left li { font-size: 13px; line-height: 1.2; margin-bottom: 5px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-right p { font-size: 12px; line-height: 1.5; } } /* ========================================================= VERY SMALL PHONES ========================================================= */ @media (max-width: 320px) { .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-accordion { margin: 20px auto; padding-left: 10px; padding-right: 10px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg { height: 45px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-title { font-size: 38px; letter-spacing: -1.5px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-hero-bg:hover + .seo-accordion-container .seo-accordion-item .seo-accordion-content { padding: 15px 10px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-left li { font-size: 12px; } .elementor-1629 .elementor-element.elementor-element-9ec3a6f .seo-accordion-right p { font-size: 11px; line-height: 1.45; } } ```/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5daf461 */```css /* ========================================================= MARKETING HERO ACCORDION Elementor Custom CSS ========================================================= */ .marketing-hero-accordion { width: 100%; max-width: 1200px; margin: 50px auto; padding: 0; box-sizing: border-box; font-family: 'Albert Sans', sans-serif; } /* ========================================================= HERO AREA ========================================================= */ .marketing-hero-accordion .marketing-hero-bg { position: relative; width: 100%; height: 160px; display: flex; align-items: center; justify-content: center; overflow: visible; cursor: pointer; } /* ========================================================= HERO TITLE ========================================================= */ .marketing-hero-accordion .marketing-hero-title { position: relative; z-index: 10; display: inline-block; margin: 0 0 20px 0; padding: 0; font-family: 'Albert Sans', sans-serif; font-size: 190px; font-weight: 600; line-height: 1; letter-spacing: -8px; white-space: nowrap; color: transparent; clip-path: inset(0 0 50% 0); transition: clip-path 0.5s ease, margin-bottom 0.5s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .marketing-hero-accordion .marketing-hero-bg:hover .marketing-hero-title { clip-path: inset(0 0 0 0); margin-bottom: 30px; } /* ========================================================= MARKETING TEXT ========================================================= */ .marketing-hero-accordion .marketing-text-bg { position: relative; display: inline-block; color: transparent; -webkit-text-stroke: 2px #ffffff; font-family: 'Albert Sans', sans-serif; } /* ========================================================= IMAGE INSIDE TEXT ========================================================= */ .marketing-hero-accordion .marketing-text-bg::before { content: "MARKETING"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url( 'https://stage44.testlinkhub.com/wp-content/uploads/2025/12/KI_im_CRM_Header.webp' ); background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0; z-index: -1; pointer-events: none; transition: opacity 0.5s ease; } /* IMAGE SHOW */ .marketing-hero-accordion .marketing-hero-bg:hover .marketing-text-bg::before { opacity: 1; } /* ========================================================= ACCORDION CONTENT ========================================================= */ .marketing-hero-accordion .marketing-accordion-content { width: 100%; max-height: 0; overflow: hidden; display: flex; flex-direction: row; align-items: flex-start; gap: 60px; padding: 0 40px; margin-top: -20px; box-sizing: border-box; background: transparent; border-top: 2px solid transparent; transition: max-height 0.5s ease, padding 0.4s ease, background-color 0.4s ease, border-color 0.4s ease; } /* ========================================================= ACCORDION OPEN ========================================================= */ .marketing-hero-accordion .marketing-hero-bg:hover + .marketing-accordion-container .marketing-accordion-item .marketing-accordion-content { max-height: 500px; padding: 30px 40px; background: #1D1D1D; border-top: 2px solid #cccccc; } /* ========================================================= LEFT SIDE ========================================================= */ .marketing-hero-accordion .marketing-accordion-left { flex: 1; min-width: 0; display: flex; justify-content: flex-start; align-items: flex-start; } /* LIST */ .marketing-hero-accordion .marketing-accordion-left ul { list-style: disc; margin: 0; padding: 0 0 0 20px; } /* LIST ITEMS */ .marketing-hero-accordion .marketing-accordion-left li { color: #FF4A00; font-family: 'Albert Sans', sans-serif; font-size: 25px; font-weight: 700; line-height: 1.1; text-align: left; margin: 0 0 10px 0; padding: 0; } /* ========================================================= RIGHT SIDE ========================================================= */ .marketing-hero-accordion .marketing-accordion-right { flex: 2; min-width: 0; display: flex; justify-content: flex-start; align-items: flex-start; } /* RIGHT TEXT */ .marketing-hero-accordion .marketing-accordion-right p { width: 100%; max-width: 850px; margin: 0; padding: 0; color: #ffffff; font-family: 'Albert Sans', sans-serif; font-size: 27px; font-weight: 600; line-height: 1.3; text-align: left; text-transform: uppercase; } /* ========================================================= DESKTOP ========================================================= */ @media (min-width: 1201px) { .marketing-hero-accordion { max-width: 1200px; } } /* ========================================================= LAPTOP ========================================================= */ @media (max-width: 1200px) { .marketing-hero-accordion { max-width: 100%; padding-left: 30px; padding-right: 30px; } .marketing-hero-accordion .marketing-hero-bg { height: 135px; } .marketing-hero-accordion .marketing-hero-title { font-size: 150px; letter-spacing: -6px; } .marketing-hero-accordion .marketing-hero-bg:hover + .marketing-accordion-container .marketing-accordion-item .marketing-accordion-content { padding: 28px 30px; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .marketing-hero-accordion { margin: 40px auto; padding-left: 25px; padding-right: 25px; } .marketing-hero-accordion .marketing-hero-bg { height: 105px; } .marketing-hero-accordion .marketing-hero-title { font-size: 100px; letter-spacing: -5px; } .marketing-hero-accordion .marketing-text-bg { -webkit-text-stroke: 1.5px #ffffff; } .marketing-hero-accordion .marketing-accordion-content { gap: 30px; } .marketing-hero-accordion .marketing-hero-bg:hover + .marketing-accordion-container .marketing-accordion-item .marketing-accordion-content { max-height: 550px; padding: 25px; } .marketing-hero-accordion .marketing-accordion-left { flex: 0 0 32%; } .marketing-hero-accordion .marketing-accordion-left li { font-size: 19px; margin-bottom: 8px; } .marketing-hero-accordion .marketing-accordion-right p { font-size: 19px; line-height: 1.4; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 768px) { .marketing-hero-accordion { margin: 35px auto; padding-left: 20px; padding-right: 20px; } .marketing-hero-accordion .marketing-hero-bg { height: 75px; } .marketing-hero-accordion .marketing-hero-title { font-size: 80px; letter-spacing: -3px; } .marketing-hero-accordion .marketing-text-bg { -webkit-text-stroke: 1.5px #ffffff; } /* STACK */ .marketing-hero-accordion .marketing-accordion-content { flex-direction: column; gap: 20px; } .marketing-hero-accordion .marketing-hero-bg:hover + .marketing-accordion-container .marketing-accordion-item .marketing-accordion-content { max-height: 750px; padding: 25px 20px; } /* LEFT */ .marketing-hero-accordion .marketing-accordion-left { width: 100%; flex: none; } .marketing-hero-accordion .marketing-accordion-left ul { padding-left: 18px; } .marketing-hero-accordion .marketing-accordion-left li { font-size: 17px; line-height: 1.2; margin-bottom: 7px; } /* RIGHT */ .marketing-hero-accordion .marketing-accordion-right { width: 100%; flex: none; } .marketing-hero-accordion .marketing-accordion-right p { font-size: 17px; line-height: 1.45; max-width: 100%; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 600px) { .marketing-hero-accordion { margin: 30px auto; padding-left: 15px; padding-right: 15px; } .marketing-hero-accordion .marketing-hero-bg { height: 60px; } .marketing-hero-accordion .marketing-hero-title { font-size: 65px; letter-spacing: -2px; } .marketing-hero-accordion .marketing-text-bg { -webkit-text-stroke: 1.25px #ffffff; } .marketing-hero-accordion .marketing-hero-bg:hover + .marketing-accordion-container .marketing-accordion-item .marketing-accordion-content { max-height: 800px; padding: 20px 15px; } .marketing-hero-accordion .marketing-accordion-content { gap: 18px; } .marketing-hero-accordion .marketing-accordion-left li { font-size: 15px; margin-bottom: 6px; } .marketing-hero-accordion .marketing-accordion-right p { font-size: 14px; line-height: 1.5; } } /* ========================================================= EXTRA SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .marketing-hero-accordion { margin: 25px auto; padding-left: 10px; padding-right: 10px; } .marketing-hero-accordion .marketing-hero-bg { height: 50px; } .marketing-hero-accordion .marketing-hero-title { font-size: 50px; letter-spacing: -1px; } .marketing-hero-accordion .marketing-text-bg { -webkit-text-stroke: 1px #ffffff; } .marketing-hero-accordion .marketing-hero-bg:hover + .marketing-accordion-container .marketing-accordion-item .marketing-accordion-content { max-height: 900px; padding: 18px 12px; } .marketing-hero-accordion .marketing-accordion-content { gap: 15px; } .marketing-hero-accordion .marketing-accordion-left ul { padding-left: 17px; } .marketing-hero-accordion .marketing-accordion-left li { font-size: 13px; line-height: 1.2; margin-bottom: 5px; } .marketing-hero-accordion .marketing-accordion-right p { font-size: 12px; line-height: 1.5; } } /* ========================================================= VERY SMALL PHONE ========================================================= */ @media (max-width: 320px) { .marketing-hero-accordion { margin: 20px auto; padding-left: 8px; padding-right: 8px; } .marketing-hero-accordion .marketing-hero-bg { height: 45px; } .marketing-hero-accordion .marketing-hero-title { font-size: 30px; letter-spacing: -1px; } .marketing-hero-accordion .marketing-hero-bg:hover + .marketing-accordion-container .marketing-accordion-item .marketing-accordion-content { padding: 15px 10px; } .marketing-hero-accordion .marketing-accordion-left li { font-size: 11px; } .marketing-hero-accordion .marketing-accordion-right p { font-size: 10px; line-height: 1.45; } } ```/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c36800 *//* ========================================= CORNER BORDER ========================================= */ .corner-border { position: relative !important; overflow: hidden !important; } /* ========================================= NORMAL — TOP RIGHT CORNER ========================================= */ .corner-border::before { content: "" !important; position: absolute !important; inset: 0 !important; border: 2px solid #FF4A00 !important; border-radius: 40px !important; pointer-events: none !important; z-index: 10 !important; /* TOP + RIGHT CORNER */ clip-path: inset(0 0 60% 75% round 40px) !important; transition: clip-path 0.1s ease, border-radius 0.1s ease !important; } /* ========================================= HOVER — FULL BORDER ========================================= */ .corner-border:hover::before { clip-path: inset(0 0 0 0 round 25px) !important; border-radius: 40px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6458ae5 *//* ========================================= CORNER BORDER ========================================= */ .corner-border { position: relative !important; overflow: hidden !important; } /* ========================================= NORMAL — TOP RIGHT CORNER ========================================= */ .corner-border::before { content: "" !important; position: absolute !important; inset: 0 !important; border: 2px solid #FF4A00 !important; border-radius: 40px !important; pointer-events: none !important; z-index: 10 !important; /* TOP + RIGHT CORNER */ clip-path: inset(0 0 60% 75% round 40px) !important; transition: clip-path 0.1s ease, border-radius 0.1s ease !important; } /* ========================================= HOVER — FULL BORDER ========================================= */ .corner-border:hover::before { clip-path: inset(0 0 0 0 round 25px) !important; border-radius: 40px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-592e19f *//* ========================================= CORNER BORDER ========================================= */ .corner-border { position: relative !important; overflow: hidden !important; } /* ========================================= NORMAL — TOP RIGHT CORNER ========================================= */ .corner-border::before { content: "" !important; position: absolute !important; inset: 0 !important; border: 2px solid #FF4A00 !important; border-radius: 40px !important; pointer-events: none !important; z-index: 10 !important; /* TOP + RIGHT CORNER */ clip-path: inset(0 0 60% 75% round 40px) !important; transition: clip-path 0.1s ease, border-radius 0.1s ease !important; } /* ========================================= HOVER — FULL BORDER ========================================= */ .corner-border:hover::before { clip-path: inset(0 0 0 0 round 25px) !important; border-radius: 40px !important; }/* End custom CSS */