html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:.5rem;margin-bottom:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:.9rem}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none;color:#c36}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}[hidden],template{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{*,:after,:before{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{page-break-inside:avoid;border:1px solid #ccc}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=button],[type=submit],button{display:inline-block;font-weight:400;color:#c36;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid #c36;padding:.5rem 1rem;font-size:1rem;border-radius:3px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}[type=button]:focus,[type=submit]:focus,button:focus{outline:5px auto -webkit-focus-ring-color}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:#c36;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;width:100%;margin-bottom:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid #ccc}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-top:1px solid #ccc}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:#f7f7f7}table tbody tr:hover>td,table tbody tr:hover>th{background-color:#e9e9e9}table tbody+tbody{border-top:2px solid #ccc}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{padding:7px;line-height:1.3}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{margin-top:0;margin-bottom:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

/*hesham comment to try and change file size and fix caching issue - 07.12.23 */

@font-face { font-family: bebasneue; src: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/BebasNeue-Bold.ttf); }
@font-face { font-family: capslock; src: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/Capslock.ttf); }

#wpadminbar { z-index: 1000520; }

header.banner { z-index: 1000220; }

.banner ul.menu li:last-child { float: right; }
.banner ul.menu #menu-item-25130 a::before { background: #fff; }

.banner .banner__toggle-button { background: none!important; }
.banner .banner__toggle-button .banner__icon-bar { background-color: #63b452!important; }
.banner .banner__toggle-button.open .banner__icon-bar { background-color: #22333b!important; }
.banner ul.menu .sub-menu li { float: none!important; }


#main-logo-slider { padding: 0px 10px; }
#main-logo-slider img { padding: 15px; }


.circle-hero-holder { min-height: 800px; }
.circle-hero-holder .elementor-container { min-height: 800px!important; }

.hero-circles-text { width: 100%; max-width: 600px; text-align: center; position: absolute;  top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; }
    .hero-circles-text p { padding: 0px 70px; }

.hero-circles-panel { max-width: 1200px; margin: auto; text-align: center; }

.hero-circles-panel .mobile-boxes { display: none; }

.hero-circles-panel .hero-circle-holder { position: absolute; }

.hero-circles-panel .hero-circle-outline { background: #ccc; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; transition-timing-function: ease-in; transition: 0.2s; }
.hero-circles-panel .hero-circle-outline:hover { transition-timing-function: ease-in; transition: 0.2s; }

.hero-circle-feature { background: #666; border-radius: 50%; position: relative; text-align: center; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; transition-timing-function: ease-in; transition: 0.2s; }


.home-panel-1 .elementor-element-84ac884 { position: absolute; }

    .hero-circle-feature .circle-text { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; transition-timing-function: ease-in; transition: 0.2s; }
        .hero-circle-feature .circle-text h3 { color: #fff; font-size: 17px; font-weight: 600; margin: 0px 0px 15px 0px; }
        .hero-circle-feature .circle-text .more-icon { width: 30px; height: 30px; border-radius: 50%; border: 1px #fff solid; margin: auto; }
        .hero-circle-feature .circle-text .more-icon .icon { background-image: url(/wp-content/uploads/2022/03/hero-circle-more-icon-1.png); width: 12px; height: 7px; margin: 11px auto auto auto; }
        .hero-circle-feature:hover .circle-text .more-icon { background: #ffffff; }
        .hero-circle-feature:hover .circle-text .more-icon .icon { background-image: url(/wp-content/uploads/2022/03/hero-circle-more-icon-grey-1.png); }


    .hero-circles-panel .hero-circle-holder.light-green { width: 175px; height: 175px; top: 60px; left: 330px; }
        .hero-circles-panel .hero-circle-holder.light-green .hero-circle-outline { background-color: rgba(155, 195, 32, 0.3); width: 125px; height: 125px; animation: 1s light-green-pulse-anim; animation-iteration-count: 3; animation-delay: 1.5s; }
        .hero-circles-panel .hero-circle-holder.light-green .hero-circle-outline:hover { animation: 1400ms light-green-pulse-anim infinite; }
        .hero-circles-panel .hero-circle-holder.light-green .hero-circle-feature { background-color: rgba(155, 195, 32, 0.3); width: 125px; height: 125px; }

        @keyframes light-green-pulse-anim { 0% { box-shadow: rgba(155, 195, 32, 0.3) 0 0 0 0; } 50% { box-shadow: rgba(155, 195, 32, 0.3) 0 0 0 17px; } 100% { box-shadow: rgba(155, 195, 32, 0.3) 0 0 0 0px; } }

    .hero-circles-panel .hero-circle-holder.dark-blue { width: 205px; height: 205px; top: 40px; left: 150px; }
        .hero-circles-panel .hero-circle-holder.dark-blue .hero-circle-outline { background-color: rgba(39, 53, 131, 0.3); width: 145px; height: 145px; animation: 1s dark-blue-pulse-anim; animation-iteration-count: 3; animation-delay: 7.5s; }
        .hero-circles-panel .hero-circle-holder.dark-blue .hero-circle-outline:hover { animation: 1400ms dark-blue-pulse-anim infinite; }
        .hero-circles-panel .hero-circle-holder.dark-blue .hero-circle-feature { background-color: rgba(39, 53, 131, 0.3); width: 145px; height: 145px; }

        @keyframes dark-blue-pulse-anim { 0% { box-shadow: rgba(39, 53, 131, 0.3) 0 0 0 0; } 50% { box-shadow: rgba(39, 53, 131, 0.3) 0 0 0 20px; } 100% { box-shadow: rgba(39, 53, 131, 0.3) 0 0 0 0px; } }
        
    .hero-circles-panel .hero-circle-holder.purple { width: 225px; height: 225px; top: 150px; right: 30px; }
        .hero-circles-panel .hero-circle-holder.purple .hero-circle-outline { background-color: rgba(109, 60, 116, 0.3); width: 165px; height: 165px; animation: 1s purple-pulse-anim; animation-iteration-count: 3; animation-delay: 3s; }
        .hero-circles-panel .hero-circle-holder.purple .hero-circle-outline:hover { animation: 1400ms purple-pulse-anim infinite; }
        .hero-circles-panel .hero-circle-holder.purple .hero-circle-feature { background-color: rgba(109, 60, 116, 0.3); width: 165px; height: 165px; }

        @keyframes purple-pulse-anim { 0% { box-shadow: rgba(109, 60, 116, 0.3) 0 0 0 0; } 50% { box-shadow: rgba(109, 60, 116, 0.3) 0 0 0 22px; } 100% { box-shadow: rgba(109, 60, 116, 0.3) 0 0 0 0px; } }

    .hero-circles-panel .hero-circle-holder.dark-grey { width: 255px; height: 255px; top: 510px; right: 30px; }
        .hero-circles-panel .hero-circle-holder.dark-grey .hero-circle-outline { background-color: rgba(71, 95, 109, 0.5); width: 195px; height: 195px; animation: 1s dark-grey-pulse-anim; animation-iteration-count: 3; animation-delay: 6s; }
        .hero-circles-panel .hero-circle-holder.dark-grey .hero-circle-outline:hover { animation: 1400ms dark-grey-pulse-anim infinite; }
        .hero-circles-panel .hero-circle-holder.dark-grey .hero-circle-feature { background-color: rgba(71, 95, 109, 0.5); width: 195px; height: 195px; }

        @keyframes dark-grey-pulse-anim { 0% { box-shadow: rgba(71, 95, 109, 0.3) 0 0 0 0; } 50% { box-shadow: rgba(71, 95, 109, 0.3) 0 0 0 24px; } 100% { box-shadow: rgba(71, 95, 109, 0.3) 0 0 0 0px; } }

    .hero-circles-panel .hero-circle-holder.dark-green { width: 175px; height: 175px; top: 590px; left: 0px; }
        .hero-circles-panel .hero-circle-holder.dark-green .hero-circle-outline { background-color: rgba(86, 186, 71, 0.3); width: 145px; height: 145px; animation: 1s dark-green-pulse-anim; animation-iteration-count: 3; animation-delay: 10.5s; }
        .hero-circles-panel .hero-circle-holder.dark-green .hero-circle-outline:hover { animation: 1400ms dark-green-pulse-anim infinite; }
        .hero-circles-panel .hero-circle-holder.dark-green .hero-circle-feature { background-color: rgba(86, 186, 71, 0.3); width: 145px; height: 145px;}

        @keyframes dark-green-pulse-anim { 0% { box-shadow: rgba(86, 186, 71, 0.3) 0 0 0 0; } 50% { box-shadow: rgba(86, 186, 71, 0.3) 0 0 0 17px; } 100% { box-shadow: rgba(86, 186, 71, 0.3) 0 0 0 0px; } }

    .hero-circles-panel .hero-circle-holder.light-blue { width: 235px; height: 235px; top: 510px; left: 100px; }
        .hero-circles-panel .hero-circle-holder.light-blue .hero-circle-outline { background-color: rgba(78, 208, 215, 0.3); width: 175px; height: 175px; animation: 1s light-blue-pulse-anim; animation-iteration-count: 3; animation-delay: 4.5s; }
        .hero-circles-panel .hero-circle-holder.light-blue .hero-circle-outline:hover { animation: 1400ms light-blue-pulse-anim infinite; }
        .hero-circles-panel .hero-circle-holder.light-blue .hero-circle-feature { background-color: rgba(78, 208, 215, 0.3); width: 175px; height: 175px; }

        @keyframes light-blue-pulse-anim { 0% { box-shadow: rgba(78, 208, 215, 0.3) 0 0 0 0; } 50% { box-shadow: rgba(78, 208, 215, 0.3) 0 0 0 20px; } 100% { box-shadow: rgba(78, 208, 215, 0.3) 0 0 0 0px; } }
        
    .hero-circles-panel .hero-circle-holder.light-grey { width: 255px; height: 255px; top: 210px; left: 0px; }
        .hero-circles-panel .hero-circle-holder.light-grey .hero-circle-outline { background-color: rgba(156, 172, 182, 0.3); width: 195px; height: 195px; animation: 1s light-grey-pulse-anim; animation-iteration-count: 3; animation-delay: 9s; }
        .hero-circles-panel .hero-circle-holder.light-grey .hero-circle-outline:hover { animation: 1400ms light-grey-pulse-anim infinite; }
        .hero-circles-panel .hero-circle-holder.light-grey .hero-circle-feature { background-color: rgba(156, 172, 182, 0.3); width: 195px; height: 195px; }

        @keyframes light-grey-pulse-anim { 0% { box-shadow: rgba(156, 172, 182, 0.3) 0 0 0 0; } 50% { box-shadow: rgba(156, 172, 182, 0.3) 0 0 0 22px; } 100% { box-shadow: rgba(156, 172, 182, 0.3) 0 0 0 0px; } }

.hero-circles-panel .left-circles { width: 42%; position: relative; float: left; }
.hero-circles-panel .right-circles { width: 58%; position: relative;  float: right; }


@media screen\0 {
    .hero-circles-text {
        margin-top: 430px;
    }
}

_:-ms-fullscreen, :root .hero-circles-text { margin-top: 430px; }


@media screen and (max-width: 1200px) {

    .hero-circles-text { max-width: 400px; }
        .hero-circles-text p { padding: 0px; }

}


@media screen and (max-width: 991px) {

    .banner ul.menu .menu-item { float: none!important; }

    .circle-hero-holder { padding-bottom: 40px!important; }

    .hero-circles-text { padding-top: 60px !important; padding-bottom: 60px !important; max-width: 600px; position: relative!important; top: 0px; transform: none; left: 0px; right: 0px; padding: 0px 30px; margin: auto!important; }

    .hero-circles-panel .left-circles { display: none; width: 100%; padding: 0px 30px; position: relative; float: none; }
    .hero-circles-panel .right-circles { display: none; width: 100%; padding: 0px 30px; position: relative; float: none; }
    .hero-circles-panel .mobile-boxes { display: block; width: 100%; padding: 0px 30px; position: relative; float: none; }

    .hero-circles-panel .hero-circle-holder { width: 100%!important; max-width: 600px; height: 125px!important; padding: 0px 20px; margin: auto auto 20px auto; top: 0px!important; left: 0px!important; right: 0px!important; position: relative!important; }
    .hero-circles-panel .hero-circle-holder .hero-circle-outline { animation: none!important; width: 100%!important; height: 125px!important; border-radius: 0px!important; box-shadow: 0px!important; padding: 0px 10px; }
    .hero-circles-panel .hero-circle-holder .hero-circle-outline:hover { animation: none!important; box-shadow: 0px!important; }
    .hero-circles-panel .hero-circle-holder .hero-circle-feature { animation: none!important; width: 100%!important; height: 105px!important; border-radius: 0px!important; }

    .hero-circle-feature .circle-text h3 { margin: 0px 0px 10px 0px; }
    .hero-circle-feature .circle-text h3 br { display: none; }

    .home-panel-1 .elementor-widget-wrap > .elementor-element.elementor-absolute { position: relative; }
    .home-panel-1 .elementor-element-84ac884 { position: relative; }

}



/* Amazon page */
.amazon-contact-form input[type="submit"] { background: #22333B; border-color: #22333B; color: #ffffff; font-size: 18px!important; padding: 5px 30px; border-radius: 30px; margin-top: -50px; float: right; }

@media screen and (max-width: 767px) {
.amazon-contact-form input[type="submit"] { margin-top: 20px; float: left; }
}


/* Multicloud Page */

.multicloud-style h2 { font-size: 62px; line-height: 72px; }
.multicloud-style h3 { font-size: 44px; line-height: 52px; }
.multicloud-style h4 { font-size: 26px; line-height: 34px; }
.multicloud-style h5 { font-size: 20px; line-height: 26px; }
.multicloud-style p { font-size: 18px; line-height: 24px; }
.multicloud-style a { text-decoration: none; }
.multicloud-style a:hover { text-decoration: none; }
.multicloud-style .btn { border-radius: 25px; padding: 8px 36px; font-size: 18px; }
.multicloud-style .btn-blue { background: #59c9d0; color: #fff; }
.multicloud-style .btn-blue:hover { background: #56ba47; color: #fff; }

.hidden-desktop { display: none; }

#multicloud-panel-1 { background: #fff; width: 100%; margin: auto; position: relative; overflow: hidden; } 
    #multicloud-panel-1 .video-container { width: 100%; max-width: 1400px; max-height: 700px; top: 0px; left: 0px; right: 0px; height: 100%; margin: auto; position: relative; overflow: hidden; }
        #multicloud-panel-1 .video-container video { width: 1400px; max-width: 1400px; margin: auto; top: -50px; position: relative; }
    #multicloud-panel-1 .img-container-area { width: 100%; max-width: 1400px; top: 0px; left: 0px; right: 0px; height: 100%; margin: auto; position: absolute; overflow: hidden; }
        #multicloud-panel-1 .img-container-area img { position: absolute; left: -100px; top: -315px; width: 1000px; }
    #multicloud-panel-1 .text-container-area { width: 100%; max-width: 1200px; top: 0px; left: 0px; right: 0px; height: 100%; margin: auto; position: absolute; }
    #multicloud-panel-1 .text { width: 100%; max-width: 470px; top: 50%; transform: translateY(-50%); left: 0px; position: absolute; margin-top: -20px; }
        #multicloud-panel-1 .text h4 { color: #59c9d0; }
        #multicloud-panel-1 .text h3 { color: #fff; margin-bottom: 20px; } 
        #multicloud-panel-1 .text p { color: #ccc; font-size: 24px; line-height: 30px; }


#multicloud-sub-nav { background: #fff; width: 100%; max-width: 1320px; min-height: 90px; padding: 30px 0px 30px 0px; margin: auto; position: relative; margin-top: -90px; z-index: 1; } 
    #multicloud-sub-nav ul { list-style: none; max-width: 1320px; padding: 0px; margin: auto; }
        #multicloud-sub-nav ul li { font-size: 20px; width: 16.6666666%; float: left; text-align: center; }
        #multicloud-sub-nav ul li a { color: #22333a; text-decoration: none; }
        #multicloud-sub-nav ul li a:hover { color: #9BC320; }
        #multicloud-sub-nav.wlr ul li { width: 20% }

#multicloud-sub-nav.scrolled { position: fixed; top: 151px; max-width: 100%; border-top: 1px #ccc solid; box-shadow: rgba(0,0,0,.117647) 0 1px 3px; min-height: 70px; padding: 20px 0px 20px 0px; margin-top: 0px; left: 0px; right: 0px; z-index: 21; }


#multicloud-panel-2 { background: #fff; width: 100%; max-width: 1120px; padding: 60px 0px 40px 0px; margin: auto; position: relative; } 
    #multicloud-panel-2 .left-text { width: 40%; }
        #multicloud-panel-2 .left-text .text { padding: 0px 45px; }
            #multicloud-panel-2 .left-text .text h5 { color: #59c9d0; margin-bottom: 12px; }
            #multicloud-panel-2 .left-text img { margin-top: 80px; }

    #multicloud-panel-2 .right-text { width: 60%; float: right; }
        #multicloud-panel-2 .right-text .text { padding: 0px 45px; }
            #multicloud-panel-2 .right-text .text p { margin-bottom: 15px; }

        #multicloud-panel-2 .right-text .text .overview-feature { border-bottom: 1px #59c9d0 solid; padding: 20px 0px; }
        #multicloud-panel-2 .right-text .text .overview-feature:last-child { border: 0px; }
            #multicloud-panel-2 .right-text .text .overview-feature img { height: 100px; float: left; margin-right: 35px; margin-bottom: 25px; }
            #multicloud-panel-2 .right-text .text .overview-feature h4 { color: #59c9d0; margin-bottom: 8px; }
            #multicloud-panel-2 .right-text .text .overview-feature p { color: #22333a; font-size: 18px; line-height: 24px; margin-bottom: 0px; }


#multicloud-panel-3 { background: #1e2a80; width: 100%; max-width: 1120px; padding: 170px 0px 170px 0px; margin: auto; position: relative; overflow: hidden; } 
    #multicloud-panel-3 .left-text { max-width: 550px; }
        #multicloud-panel-3 .left-text .text { padding-left: 45px; }
            #multicloud-panel-3 .left-text .text h4 { color: #59c9d0; margin-bottom: 18px; }
            #multicloud-panel-3 .left-text .text h3 { color: #fff; margin-bottom: 22px; } 
            #multicloud-panel-3 .left-text .text p { color: #ccc; font-size: 18px; line-height: 24px; margin-bottom: 28px; }
            #multicloud-panel-3  img.side-img { width: 48%; position: absolute; top: 10px; right: 0px; }

            
#multicloud-panel-4 { background: #fff; width: 100%; max-width: 1200px; padding: 50px 25px 50px 25px; margin: auto; position: relative; font-size: 0px; } 
    #multicloud-panel-4 h3 { margin-bottom: 40px; }
    #multicloud-panel-4 .case-study-container { width: 33.3%; display: inline-block; vertical-align: top; }

    #multicloud-panel-4 .case-study-feature { width: 90%; max-width: 420px; margin: auto auto 40px auto; }
        #multicloud-panel-4 a:hover { text-decoration: none; }
        #multicloud-panel-4 .case-study-feature .image { height: 200px; background-size: cover; background-repeat: no-repeat; background-position: 50% center; background-color: #9BC320; border-top-left-radius: 8px; border-top-right-radius: 8px; }
        #multicloud-panel-4 .case-study-feature .background { background: #f1f3f5; padding: 25px; min-height: 300px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: relative; }
            #multicloud-panel-4 .case-study-feature .background h5 { color: #6d3c74; font-size: 18px; line-height: 24px; margin-bottom: 14px; }
            #multicloud-panel-4 .case-study-feature .background h4 { color: #22333a; font-size: 22px; line-height: 32px; margin-bottom: 25px; }
            #multicloud-panel-4 .case-study-feature .background p { color: #62c2c9; font-size: 16px; line-height: 22px; margin: 0px; position: absolute; bottom: 25px; left: 25px; }

            
#multicloud-panel-5 { background: #f9f9f9; width: 100%; max-width: 1120px; padding: 170px 0px 170px 0px; margin: -20px auto auto auto; position: relative; overflow: hidden; } 
    #multicloud-panel-5 .left-text { max-width: 550px; }
        #multicloud-panel-5 .left-text .text { padding-left: 45px; }
            #multicloud-panel-5 .left-text .text h4 { color: #59c9d0; margin-bottom: 18px; }
            #multicloud-panel-5 .left-text .text h3 { color: #22333a; margin-bottom: 28px; } 
            #multicloud-panel-5  img.side-img { width: 48%; position: absolute; bottom: 0px; right: 0px; }


#multicloud-panel-6 { background: #1e2a80; width: 100%; max-width: 1120px; padding: 55px 45px 55px 45px; margin: -40px auto -20px auto; position: relative; overflow: hidden; } 
    #multicloud-panel-6 .text { max-width: 640px; margin: auto; text-align: center; }
        #multicloud-panel-6 .text h4 { color: #fff; font-size: 30px; line-height: 38px; margin-bottom: 22px; }
        #multicloud-panel-6 .text h5 { color: #59c9d0; }
        #multicloud-panel-6 .text h5 a { color: #59c9d0; }
        #multicloud-panel-6 .text h5 a:hover { color: #56ba47; }


#multicloud-panel-news { background-color: #6d3c74!important; width: 100%; max-width: 1120px; min-height: 590px; padding: 50px 0px; margin: auto; position: relative; }
    #multicloud-panel-news .left-text { width: 300px; display: inline-block; padding: 0px 0px 0px 45px; }
        #multicloud-panel-news .left-text h3 { color: #fff; margin-bottom: 20px; }
        #multicloud-panel-news .left-text p { color: #fff; font-size: 17px; }
    #multicloud-panel-news .right-text { width: 70%; font-size: 14px; line-height: 22px; float: right; padding: 0px 15px 0px 0px; }
    #multicloud-panel-news .swiper-slide { padding: 0px 15px; }
    #multicloud-panel-news .news-feature { margin-top: 0px; }
        #multicloud-panel-news .news-feature .white-bg { width: 50%; background: #fff; min-height: 380px; padding: 25px 25px 20px 25px; position: relative; float: left; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
            #multicloud-panel-news .news-feature .white-bg h5 { color: #22333a; margin-bottom: 12px; }
            #multicloud-panel-news .news-feature .white-bg p { color: #666; font-size: 15px; line-height: 23px; margin-bottom: 20px; }
            #multicloud-panel-news .news-feature .white-bg h6 { color: #59c9d0; font-size: 16px; line-height: 22px; position: absolute; bottom: 30px; }
        #multicloud-panel-news .news-feature .background-img { width: 50%;  min-height: 380px; background-size: cover!important; float: right; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

        #multicloud-panel-news .bottom-text { width: 100%; padding: 0px 20px; }

        #multicloud-panel-news .news-feature.small .white-bg { width: 100%; min-height: 310px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; }
            #multicloud-panel-news .news-feature.small .white-bg p { font-size: 12px; line-height: 21px; }
            #multicloud-panel-news .news-feature.small .white-bg h6 { position: relative; bottom: 0px; }
        #multicloud-panel-news .news-feature.small .background-img { width: 100%;  min-height: 180px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}


        #multicloud-panel-news .column { width: 33.3%; min-height: 300px; padding: 40px 20px 0px 20px; float: left; }


@media screen and (max-width: 1280px) {

    .multicloud-style h3 { font-size: 38px; line-height: 46px; }

    #multicloud-panel-1 .text { left: 45px; }

    #multicloud-panel-3 img.side-img { width: 40%; position: absolute; top: 120px; }

}


@media screen and (max-width: 1200px) {

    #multicloud-panel-4 .case-study-container { width: 50%; }

    #multicloud-panel-news .left-text { width: 300px; }
    #multicloud-panel-news .right-text { width: 68%; }

}


@media screen and (max-width: 991px) {

    .multicloud-style h3 { font-size: 34px; line-height: 42px; }
    .multicloud-style h4 { font-size: 22px; line-height: 30px; }
    .multicloud-style p { font-size: 17px; line-height: 24px; }

    #multicloud-sub-nav { display: none; }

    #multicloud-panel-1 video { width: 1200px; max-width: 1200px; }
    #multicloud-panel-1 .img-container-area img { top: -210px; left: 0px; max-width: 850px; }

    #multicloud-panel-2 .left-text { width: 45%; }
    #multicloud-panel-2 .right-text { width: 55%; }
        #multicloud-panel-2 .right-text .text .overview-feature p { font-size: 17px; line-height: 24px; }

    #multicloud-panel-3 img.side-img { width: 35%; }

    #multicloud-panel-4 .case-study-feature .background h4 { font-size: 20px; line-height: 30px; }

    #multicloud-panel-5 img.side-img { width: 35%; }

    #multicloud-panel-news { min-height: 1140px; }
        #multicloud-panel-news .left-text { width: 100%; float: none; }
            #multicloud-panel-news .left-text h3 br { display: none; }
        #multicloud-panel-news .right-text { width: 100%; padding: 0px 45px 0px 45px; float: none; }
        #multicloud-panel-news .news-feature { margin-top: 40px; }
        #multicloud-panel-news .column { width: 50%; }
        #multicloud-panel-news .column:empty { display: none; }
        
}


@media screen and (max-width: 850px) {

    #multicloud-panel-3 .left-text { max-width: 450px; }

}

@media screen and (max-width: 767px) {

    .hidden-desktop { display: block; }
    .hidden-mobile { display: none; }

    #multicloud-panel-2 .right-text .text h5 { color: #59c9d0; margin-bottom: 12px; }
    #multicloud-panel-2 .right-text .text h3 { margin-bottom: 28px; }
    #multicloud-panel-2 .right-text { width: 100%; float: none; }
    
    #multicloud-panel-3 { padding: 90px 0px 280px 0px; }
        #multicloud-panel-3 .left-text { max-width: 100%; }
            #multicloud-panel-3 .left-text .text { padding: 0px 45px; }
        #multicloud-panel-3 img.side-img { width: 350px; top: auto; bottom: -110px; }


    #multicloud-panel-5 { padding: 90px 0px 280px 0px; }
        #multicloud-panel-5 .left-text { max-width: 100%; }
            #multicloud-panel-5 .left-text .text { padding: 0px 45px; }
        #multicloud-panel-5 img.side-img { width: 350px; top: auto; bottom: -110px; }

    #multicloud-panel-4 .case-study-feature .background h4 { font-size: 18px; line-height: 28px; }

    #multicloud-panel-news .news-feature .white-bg { width: 100%; float: none; min-height: 0px; border-top-left-radius: 8px; border-bottom-left-radius: 0px; border-top-right-radius: 8px; }
        #multicloud-panel-news .news-feature .white-bg h6 { position: relative; bottom: 0px; }
    #multicloud-panel-news .news-feature .background-img { width: 100%; min-height: 280px; float: none; border-top-right-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

    #multicloud-panel-news .left-text {padding: 0px 30px 0px 30px; }
    #multicloud-panel-news .right-text { padding: 0px 30px 0px 30px; }

    #multicloud-panel-news .column { width: 100%; padding: 10px 20px 0px 20px; float: none; max-width: 400px; margin: auto; }

}

@media screen and (max-width: 700px) {

    .multicloud-style h3 { font-size: 30px; line-height: 38px; }

    #multicloud-panel-4 .case-study-container { width: 100%; }
    #multicloud-panel-4 .case-study-feature { width: 96%; max-width: 400px; }

}

@media screen and (max-width: 600px) {

    .multicloud-style h2 { font-size: 54px; line-height: 62px; }

    #multicloud-panel-1 .text { left: 0px; padding-left: 30px; padding-right: 30px; max-width: 100%; }
        #multicloud-panel-1 .text p { font-size: 20px; line-height: 28px; }

    #multicloud-panel-2 .right-text .text { padding: 0px 30px; }

    #multicloud-panel-3 .left-text .text { padding: 0px 30px; }

    #multicloud-panel-4 { padding: 50px 15px 50px 15px; }

    #multicloud-panel-5 .left-text .text { padding: 0px 30px; }

    #multicloud-panel-6 { padding: 50px 30px; }
        #multicloud-panel-6 .text h4 { font-size: 26px; line-height: 34px; }

}


@media screen and (max-width: 550px) {

    .multicloud-style h2 { font-size: 50px; line-height: 58px; } 

}


@media screen and (max-width: 470px) {

    .multicloud-style h2 { font-size: 44px; line-height: 52px; }

}

@media screen and (max-width: 420px) {

    .multicloud-style h2 { font-size: 40px; line-height: 48px; }

}



/* WLR Landing Page  */

.top-panel-padding .elementor-element-populated { padding: 0px!important; }

#wlr-panel-1 { background: #fff; width: 100%; margin: auto; position: relative; overflow: hidden; } 
    #wlr-panel-1 .video-container { background-position: top center; width: 100%; max-width: 1920px; min-height: 670px; top: 0px; left: 0px; right: 0px; height: 100%; margin: auto; position: relative; overflow: hidden; }
        #wlr-panel-1 .video-container video { width: 1400px; max-width: 1400px; margin: auto; top: -50px; position: relative; }
    #wlr-panel-1 .img-container-area { width: 100%; max-width: 1920px; top: 0px; left: 0px; right: 0px; height: 100%; margin: auto; position: absolute; overflow: hidden; }
        #wlr-panel-1 .img-container-area img { position: absolute; left: -100px; top: -420px; }
    #wlr-panel-1 .text-container-area { width: 100%; max-width: 1200px; top: 0px; left: 0px; right: 0px; height: 100%; margin: auto; position: absolute; }
    #wlr-panel-1 .text { width: 100%; max-width: 400px; top: 50%; transform: translateY(-50%); left: 0px; position: absolute; margin-top: -20px; }
        #wlr-panel-1 .text h4 { color: #59c9d0; }
        #wlr-panel-1 .text h3 { color: #fff; margin-bottom: 20px; } 
        #wlr-panel-1 .text p { color: #ccc; font-size: 24px; line-height: 30px; }

#wlr-panel-1 .side-image { position: absolute; bottom: 120px; left: 0px; right: 0px; width: 100%; max-width: 1320px; margin: auto; }
	#wlr-panel-1 .side-image img { position: relative; float: right; }

#wlr-panel-2 { background: #fff; width: 100%; max-width: 1120px; padding: 60px 0px 40px 0px; margin: auto; position: relative; } 
    #wlr-panel-2 .left-text { width: 40%; }
        #wlr-panel-2 .left-text .text { padding: 0px 45px; }
            #wlr-panel-2 .left-text img { margin-top: 0px; }

    #wlr-panel-2 .right-text { width: 60%; float: right; }
        #wlr-panel-2 .right-text .text { padding: 0px 45px; }
            #wlr-panel-2 .right-text .text h4 { color: #59c9d0; margin-bottom: 12px; }
            #wlr-panel-2 .right-text .text h3 { margin-bottom: 22px; }
            #wlr-panel-2 .right-text .text p { font-size: 20px; line-height: 28px; margin-bottom: 20px; }
            #wlr-panel-2 .right-text .text .btn { margin-top: 10px; }

#wlr-panel-3 { background: #1e2a80; width: 100%; max-width: 1120px; padding: 96px 0px 96px 0px; margin: auto; position: relative; overflow: hidden; } 
    #wlr-panel-3 .left-text { max-width: 500px; }
        #wlr-panel-3 .left-text .text { padding-left: 45px; }
            #wlr-panel-3 .left-text .text h4 { color: #59c9d0; margin-bottom: 18px; }
            #wlr-panel-3 .left-text .text h3 { color: #fff; font-size: 40px; margin-bottom: 22px; } 
            #wlr-panel-3 .left-text .text p { color: #ccc; font-size: 18px; line-height: 24px; margin-bottom: 28px; }
            #wlr-panel-3  img.side-img { width: 51%; position: absolute; top: 100px; right: 0px; }

#wlr-panel-4 { background: #fff; width: 100%; max-width: 1120px; padding: 110px 0px 90px 0px; margin: auto; position: relative; } 
    #wlr-panel-4 .left-text { width: 50%; }
        #wlr-panel-4 .left-text .text { padding: 0px 45px; }
            #wlr-panel-4 .left-text img { margin-top: 0px; }

    #wlr-panel-4 .right-text { width: 50%; float: right; }
        #wlr-panel-4 .right-text .text { padding: 0px 45px; }
            #wlr-panel-4 .right-text .text h4 { color: #59c9d0; margin-bottom: 12px; }
            #wlr-panel-4 .right-text .text h3 { margin-bottom: 22px; }
            #wlr-panel-4 .right-text .text p { font-size: 20px; line-height: 28px; margin-bottom: 20px; }
            #wlr-panel-4 .right-text .text .btn { margin-top: 10px; }

#wlr-panel-5 { background: #360041 url(https://www.maintel.co.uk/wp-content/uploads/2022/07/wlr-panel-5-bg.jpg) top center no-repeat; width: 100%; max-width: 1120px; padding: 130px 0px 150px 0px; margin: auto; position: relative; overflow: hidden; } 
    #wlr-panel-5 .left-text { max-width: 500px; }
        #wlr-panel-5 .left-text .text { padding-left: 45px; }
            #wlr-panel-5 .left-text .text h4 { color: #59c9d0; margin-bottom: 18px; }
            #wlr-panel-5 .left-text .text h3 { color: #fff; font-size: 40px; margin-bottom: 22px; } 
            #wlr-panel-5 .left-text .text p { color: #ccc; font-size: 18px; line-height: 24px; margin-bottom: 28px; }
            #wlr-panel-5  img.side-img { width: 46%; position: absolute; top: 50px; right: 0px; }




@media screen and (max-width: 1800px) {
    
    #wlr-panel-1 .img-container-area img { left: -200px; }

}

@media screen and (max-width: 1700px) {
    
    #wlr-panel-1 .img-container-area img { left: -300px; }

}

@media screen and (max-width: 1600px) {
    
    #wlr-panel-1 .img-container-area img { left: -400px; }

}

@media screen and (max-width: 1280px) {

    .multicloud-style h3 { font-size: 38px; line-height: 46px; }

    #wlr-panel-1 .text { left: 45px; }

    #wlr-panel-3 img.side-img { width: 40%; position: absolute; top: 120px; }

}


@media screen and (max-width: 1200px) {
		
	#wlr-panel-1 .side-image { display: none; }
    #wlr-panel-1 .img-container-area img { left: 0px; }

    #wlr-panel-4 .case-study-container { width: 50%; }

    #wlr-panel-news .left-text { width: 300px; }
    #wlr-panel-news .right-text { width: 68%; }

}


@media screen and (max-width: 991px) {

    #wlr-panel-1 video { width: 1200px; max-width: 1200px; }
    #wlr-panel-1 .img-container-area img { top: -210px; left: 0px; max-width: 850px; }

    #wlr-panel-2 .left-text { width: 45%; }
    #wlr-panel-2 .right-text { width: 55%; }
        #wlr-panel-2 .right-text .text .overview-feature p { font-size: 17px; line-height: 24px; }

    #wlr-panel-4 .left-text { width: 45%; }
    #wlr-panel-4 .right-text { width: 55%; }
        #wlr-panel-4 .right-text .text .overview-feature p { font-size: 17px; line-height: 24px; }

    #wlr-panel-3 img.side-img { width: 35%; }

    #wlr-panel-5 img.side-img { width: 35%; }

}


@media screen and (max-width: 850px) {

    #wlr-panel-3 .left-text { max-width: 450px; }

}

@media screen and (max-width: 767px) {

    #wlr-panel-2 .right-text .text h5 { color: #59c9d0; margin-bottom: 12px; }
    #wlr-panel-2 .right-text .text h3 { margin-bottom: 28px; }
    #wlr-panel-2 .right-text { width: 100%; float: none; }
    
    #wlr-panel-3 { padding: 90px 0px 280px 0px; }
        #wlr-panel-3 .left-text { max-width: 100%; }
            #wlr-panel-3 .left-text .text { padding: 0px 45px; }
        #wlr-panel-3 img.side-img { width: 350px; top: auto; bottom: -110px; }

    #wlr-panel-4 .right-text .text h5 { color: #59c9d0; margin-bottom: 12px; }
    #wlr-panel-4 .right-text .text h3 { margin-bottom: 28px; }
    #wlr-panel-4 .right-text { width: 100%; float: none; }
        

    #wlr-panel-5 { padding: 90px 0px 280px 0px; }
        #wlr-panel-5 .left-text { max-width: 100%; }
            #wlr-panel-5 .left-text .text { padding: 0px 45px; }
        #wlr-panel-5 img.side-img { width: 350px; top: auto; bottom: -110px; }

}

@media screen and (max-width: 700px) {

    #wlr-panel-4 .case-study-container { width: 100%; }
    #wlr-panel-4 .case-study-feature { width: 96%; max-width: 400px; }

}

@media screen and (max-width: 600px) {

    #wlr-panel-1 .text { left: 0px; padding-left: 30px; padding-right: 30px; max-width: 100%; }
        #wlr-panel-1 .text p { font-size: 20px; line-height: 28px; }

    #wlr-panel-2 .right-text .text { padding: 0px 30px; }

    #wlr-panel-3 .left-text .text { padding: 0px 30px; }

    #wlr-panel-4 .right-text .text { padding: 0px 30px; }

    #wlr-panel-5 .left-text .text { padding: 0px 30px; }

}



/* Footer  */
.elementor-location-footer .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; }
.elementor-location-footer .elementor-top-column { background-color: #22333B; }
.elementor-location-footer .elementor-widget-wrap.elementor-element-populated { margin-left: auto!important; margin-right: auto!important; max-width: 1140px; }
.elementor-location-footer .elementor-element.elementor-element-049470e > .elementor-element-populated { padding-left: 50px; padding-right: 50px; }

.elementor-164 .elementor-element.elementor-element-7bb5a26 { left: auto!important; bottom: 17px!important; }

@media screen and (max-width: 1024px) {

    .elementor-164 .elementor-element.elementor-element-049470e > .elementor-element-populated > .elementor-background-overlay { background-position: 0px 1000px!important; }

    .elementor-164 .elementor-element.elementor-element-7bb5a26 { bottom: 15px !important; }

}

@media screen and (max-width: 767px) {

    .elementor-164 .elementor-element.elementor-element-049470e > .elementor-element-populated > .elementor-background-overlay { background-position: bottom right!important; }

    .elementor-164 .elementor-element.elementor-element-7bb5a26 { bottom: 84px !important; }

}


/**
 * Landing page 
 */

/* Internal Landing Page Header */
.internal-landing-page-header {  }

    .internal-landing-page-header .featured-text { width: 100%; max-width: 600px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; }

    .internal-landing-page-header .hero-circle-features { margin: 80px auto auto auto; font-size: 0px; }

    .internal-landing-page-header .hero-circle-features .hero-circle-holder { position: relative; width: 100%!important; display: inline-block; }

    .internal-landing-page-header .hero-circle-outline { background: #ccc; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; transition-timing-function: ease-in; transition: 0.2s; }
    .internal-landing-page-header .hero-circle-outline:hover { transition-timing-function: ease-in; transition: 0.2s; }


    .internal-landing-page-header .hero-circle-holder.light-green { width: 125px; height: 135px; top: 0px; }
    .internal-landing-page-header .hero-circle-holder.light-green .hero-circle-outline { background-color: rgba(155, 195, 32, 0.3); width: 135px; height: 135px; }
    .internal-landing-page-header .hero-circle-holder.light-green .hero-circle-outline:hover { animation: 1400ms light-green-pulse-anim infinite; }
    .internal-landing-page-header .hero-circle-holder.light-green .hero-circle-feature { background-color: rgba(155, 195, 32, 0.3); width: 135px; height: 135px; }

    .internal-landing-page-header .hero-circle-holder.dark-blue { width: 125px; height: 135px; top: 0px; }
    .internal-landing-page-header .hero-circle-holder.dark-blue .hero-circle-outline { background-color: rgba(39, 53, 131, 0.3); width: 135px; height: 135px; }
    .internal-landing-page-header .hero-circle-holder.dark-blue .hero-circle-outline:hover { animation: 1400ms dark-blue-pulse-anim infinite; }
    .internal-landing-page-header .hero-circle-holder.dark-blue .hero-circle-feature { background-color: rgba(39, 53, 131, 0.3); width: 135px; height: 135px; }

    .internal-landing-page-header .hero-circle-holder.purple { width: 125px; height: 135px; top: 0px; }
    .internal-landing-page-header .hero-circle-holder.purple .hero-circle-outline { background-color: rgba(109, 60, 116, 0.3); width: 135px; height: 135px; }
    .internal-landing-page-header .hero-circle-holder.purple .hero-circle-outline:hover { animation: 1400ms purple-pulse-anim infinite; }
    .internal-landing-page-header .hero-circle-holder.purple .hero-circle-feature { background-color: rgba(109, 60, 116, 0.3); width: 135px; height: 135px; }

    .internal-landing-page-header .hero-circle-holder.dark-grey { width: 125px; height: 135px; top: 0px; }
    .internal-landing-page-header .hero-circle-holder.dark-grey .hero-circle-outline { background-color: rgba(71, 95, 109, 0.5); width: 135px; height: 135px; }
    .internal-landing-page-header .hero-circle-holder.dark-grey .hero-circle-outline:hover { animation: 1400ms dark-grey-pulse-anim infinite; }
    .internal-landing-page-header .hero-circle-holder.dark-grey .hero-circle-feature { background-color: rgba(71, 95, 109, 0.5); width: 135px; height: 135px; }

    .internal-landing-page-header .hero-circle-holder.dark-green { width: 125px; height: 135px; top: 0px; }
    .internal-landing-page-header .hero-circle-holder.dark-green .hero-circle-outline { background-color: rgba(86, 186, 71, 0.3); width: 135px; height: 135px; }
    .internal-landing-page-header .hero-circle-holder.dark-green .hero-circle-outline:hover { animation: 1400ms dark-green-pulse-anim infinite; }
    .internal-landing-page-header .hero-circle-holder.dark-green .hero-circle-feature { background-color: rgba(86, 186, 71, 0.3); width: 135px; height: 135px;}

    .internal-landing-page-header .hero-circle-holder.light-blue { width: 125px; height: 135px; top: 0px; }
    .internal-landing-page-header .hero-circle-holder.light-blue .hero-circle-outline { background-color: rgba(78, 208, 215, 0.3); width: 135px; height: 135px; }
    .internal-landing-page-header .hero-circle-holder.light-blue .hero-circle-outline:hover { animation: 1400ms light-blue-pulse-anim infinite; }
    .internal-landing-page-header .hero-circle-holder.light-blue .hero-circle-feature { background-color: rgba(78, 208, 215, 0.3); width: 135px; height: 135px; }

    .internal-landing-page-header .hero-circle-holder.light-purple { width: 125px; height: 135px; top: 0px; }
    .internal-landing-page-header .hero-circle-holder.light-purple .hero-circle-outline { background-color: rgba(134, 50, 225, 0.3); width: 135px; height: 135px; }
    .internal-landing-page-header .hero-circle-holder.light-purple .hero-circle-outline:hover { animation: 1400ms light-purple-pulse-anim infinite; }
    .internal-landing-page-header .hero-circle-holder.light-purple .hero-circle-feature { background-color: rgba(134, 50, 225, 0.3); width: 135px; height: 135px; }

    @keyframes light-purple-pulse-anim { 0% { box-shadow: rgba(134, 50, 225, 0.3) 0 0 0 0; } 50% { box-shadow: rgba(134, 50, 225, 0.3) 0 0 0 22px; } 100% { box-shadow: rgba(134, 50, 225, 0.3) 0 0 0 0px; } }

    .internal-landing-page-header .hero-circle-holder.light-grey { width: 125px; height: 135px; top: 0px; }
    .internal-landing-page-header .hero-circle-holder.light-grey .hero-circle-outline { background-color: rgba(156, 172, 182, 0.3); width: 135px; height: 135px; }
    .internal-landing-page-header .hero-circle-holder.light-grey .hero-circle-outline:hover { animation: 1400ms light-grey-pulse-anim infinite; }
    .internal-landing-page-header .hero-circle-holder.light-grey .hero-circle-feature { background-color: rgba(156, 172, 182, 0.3); width: 135px; height: 135px; }


/* Internal Landing Page Header */
.internal-landing-page-features-section {  }

    .internal-landing-page-features-section .text-image-feature { background: #ffffff; border-radius: 10px; position: relative; min-height: 340px; }
    .internal-landing-page-features-section .text-image-feature .elementor-widget-text-editor { width: 55%; height: 100%; float: left; }
    .internal-landing-page-features-section .text-image-feature .elementor-widget-text-editor .expand-hidden { display: block; }
    .internal-landing-page-features-section .text-image-feature .elementor-widget-text-editor .expand-show { display: none; }
    .internal-landing-page-features-section .text-image-feature .elementor-widget-html { width: 45%; height: 100%; float: left; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
    .internal-landing-page-features-section .text-image-feature .elementor-widget-html .elementor-widget-container { height: 100%; }
    .internal-landing-page-features-section .text-image-feature .elementor-widget-html .background-image { height: 100%; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

    .internal-landing-page-features-section .text-image-feature .btn { border-radius: 25px; padding: 6px 26px; margin-top: 15px; font-size: 16px; position: absolute; bottom: 30px; }
    .internal-landing-page-features-section .text-image-feature .btn-blue-keyline { border: 1px #59c9d0 solid; background: none; color: #59c9d0; }
    .internal-landing-page-features-section .text-image-feature .btn-blue-keyline:hover { background: #59c9d0; color: #fff; }

    .internal-landing-page-features-section .text-image-feature.active { background: #62b450; }
    .internal-landing-page-features-section .text-image-feature.active .elementor-widget-text-editor p { color: #ffffff; }
	.internal-landing-page-features-section .text-image-feature.active .elementor-widget-container p:first-child br { display: none; }
	.internal-landing-page-features-section .text-image-feature.active .elementor-widget-text-editor .height-scroll { color: #ffffff; font-size: 15px !important; }
	.internal-landing-page-features-section .text-image-feature.active .elementor-widget-text-editor { width: 100%; }
    .internal-landing-page-features-section .text-image-feature.active .elementor-widget-text-editor .expand-hidden { display: none; }
    .internal-landing-page-features-section .text-image-feature.active .elementor-widget-text-editor .expand-show { display: block; opacity: 1; }
    .internal-landing-page-features-section .text-image-feature p.expand-show { font-size: 15px!important; }
    .internal-landing-page-features-section .text-image-feature .btn.expand-show { background: #59c9d0; color: #fff; width: 150px; margin: 30px auto auto auto; }
    .internal-landing-page-features-section .text-image-feature.active .height-scroll { height: 100%; max-height: 180px; overflow-y: auto; padding-right: 20px; }

	.internal-landing-page-features-section .text-image-feature.active .elementor-widget-html { width: 0%; }

   .slider-padding .swiper-slide { padding: 0px 20px; }


/* Internal Landing Page Left Panel */
.internal-landing-page-right-panel {  }

    .internal-landing-page-left-panel .featured-text { width: 100%; max-width: 600px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; }
        .internal-landing-page-left-panel .featured-text .btn { border-radius: 25px; padding: 6px 26px; margin-top: 15px; font-size: 16px; }
        .internal-landing-page-left-panel .featured-text .btn + .btn { margin-left: 20px; }
        .internal-landing-page-left-panel .featured-text .btn-blue { border: 1px #59c9d0 solid; background: #59c9d0; color: #fff; }
        .internal-landing-page-left-panel .featured-text .btn-blue:hover { background: #56ba47; border-color: #56ba47; color: #fff; }
        .internal-landing-page-left-panel .featured-text .btn-blue-keyline { border: 1px #59c9d0 solid; background: none; color: #59c9d0; }
        .internal-landing-page-left-panel .featured-text .btn-blue-keyline:hover { background: #59c9d0; color: #fff; }
        .internal-landing-page-left-panel .featured-text .btn-grey-keyline { border: 1px #22333B solid; background: none; color: #22333B; }
        .internal-landing-page-left-panel .featured-text .btn-grey-keyline:hover { background: #22333B; color: #fff; }


/* Internal Landing Page Right Panel */
.internal-landing-page-right-panel {  }

    .internal-landing-page-right-panel .featured-text { width: 100%; max-width: 600px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; }
        .internal-landing-page-right-panel .featured-text .btn { border-radius: 25px; padding: 6px 26px; margin-top: 15px; font-size: 16px; }
        .internal-landing-page-right-panel .featured-text .btn + .btn { margin-left: 20px; }
        .internal-landing-page-right-panel .featured-text .btn-blue { border: 1px #59c9d0 solid; background: #59c9d0; color: #fff; }
        .internal-landing-page-right-panel .featured-text .btn-blue:hover { background: #56ba47; color: #fff; }
        .internal-landing-page-right-panel .featured-text .btn-blue-keyline { border: 1px #59c9d0 solid; background: none; color: #59c9d0; }
        .internal-landing-page-right-panel .featured-text .btn-blue-keyline:hover { background: #59c9d0; color: #fff; }
        .internal-landing-page-right-panel .featured-text .btn-grey-keyline { border: 1px #22333B solid; background: none; color: #22333B; }
        .internal-landing-page-right-panel .featured-text .btn-grey-keyline:hover { background: #22333B; color: #fff; }

	.internal-landing-page-right-panel .featured-text.no-center { position: relative; top: auto; transform: none; left: auto; right: auto; }


@media screen and (max-width: 1200px) { 

    .internal-landing-page-header .hero-circle-holder { height: 120px!important; }
    .internal-landing-page-header .hero-circle-holder .hero-circle-outline { width: 120px!important; height: 120px!important; }
    .internal-landing-page-header .hero-circle-holder .hero-circle-feature { width: 120px!important; height: 120px!important; }
    .internal-landing-page-header .hero-circle-holder .hero-circle-feature .circle-text h3 { font-size: 15px; }

    
    .internal-landing-page-left-panel .featured-text { position: relative; top: 0px; transform: none; padding: 100px 0px 100px 40px; }

    .internal-landing-page-right-panel .featured-text { position: relative; top: 0px; transform: none; padding-top: 100px;  padding: 100px 0px 100px 40px; }
	
	.internal-landing-page-right-panel .featured-text.resp-img-spacing { padding-left: 30px; padding-right: 30px; }
	.internal-landing-page-right-panel .featured-text.resp-padding-top-bottom { padding-top: 10px; padding-bottom: 10px; }
	.internal-landing-page-right-panel .featured-text.resp-padding-top { padding-top: 10px; }
	.internal-landing-page-right-panel .featured-text.resp-padding-bottom { padding-bottom: 10px; }

}

@media screen and (max-width: 991px) { 

    .internal-landing-page-header .hero-circle-holder .hero-circle-feature .circle-text h3 br { display: none; }

    .internal-landing-page-header .elementor-element.elementor-col-50 { width: 100%!important; }
    .internal-landing-page-header .featured-text { text-align: center; position: relative; top: 0px; transform: none; padding-top: 60px; }
    .internal-landing-page-header .featured-text .elementor-widget-container { text-align: center; padding-right: 0px!important; }

    .internal-landing-page-header .hero-circle-features { margin-top: 30px; text-align: center; }
    .internal-landing-page-header .hero-circle-features .hero-circle-holder { width: 100% !important; }

    .internal-landing-page-header .hero-circle-holder { width: 100%!important; max-width: 600px; height: 125px!important; padding: 0px 20px; margin: auto auto 20px auto; top: 0px!important; left: 0px!important; right: 0px!important; position: relative!important; }
    .internal-landing-page-header .hero-circle-holder .hero-circle-outline { animation: none!important; width: 100%!important; height: 125px!important; border-radius: 0px!important; box-shadow: 0px!important; padding: 0px 10px; }
    .internal-landing-page-header .hero-circle-holder .hero-circle-outline:hover { animation: none!important; box-shadow: 0px!important; }
    .internal-landing-page-header .hero-circle-holder .hero-circle-feature { animation: none!important; width: 100%!important; height: 105px!important; border-radius: 0px!important; }

    .internal-landing-page-header .hero-circle-feature .circle-text h3 { margin: 0px 0px 10px 0px; }
    .internal-landing-page-header .hero-circle-feature .circle-text h3 br { display: none; }


    .internal-landing-page-features-section .elementor-element.elementor-col-33 { width: 100%!important; }
	
	#cookie-law-info-bar { padding-bottom: 80px!important; }
	#cookie-law-info-bar .cli-bar-container { width: 100%!important; }

}

@media screen and (max-width: 650px) { 

    .internal-landing-page-features-section .featured-text .elementor-widget-container { text-align: center; padding: 0px!important; }

    .internal-landing-page-features-section .text-image-feature .elementor-widget-text-editor { width: 100%; float: none; display: block; }
    .internal-landing-page-features-section .text-image-feature { min-height: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  }
    .internal-landing-page-features-section .text-image-feature .btn { position: relative; bottom: auto; }
    .internal-landing-page-features-section .text-image-feature .elementor-widget-html { width: 100%; float: none; display: block; }
    .internal-landing-page-features-section .text-image-feature .elementor-widget-html .background-image { height: 100%; min-height: 220px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
    .internal-landing-page-features-section .elementor-element.elementor-col-33 { width: 100%!important; display: block; }
    .internal-landing-page-features-section .text-image-feature { margin-top: 30px; }
	.internal-landing-page-features-section .text-image-feature.active .height-scroll { height: 100%; max-height: 180px; overflow-y: scroll; }

    .internal-landing-page-left-panel .featured-text .elementor-widget-container { text-align: center; }
    .internal-landing-page-right-panel .featured-text .elementor-widget-container { text-align: center; }
	
	.internal-landing-page-features-section .text-image-feature ::-webkit-scrollbar {
    -webkit-appearance: none;
}

.internal-landing-page-features-section .text-image-feature ::-webkit-scrollbar:vertical {
    width: 12px;
}

.internal-landing-page-features-section .text-image-feature ::-webkit-scrollbar:horizontal {
    height: 12px;
}

.internal-landing-page-features-section .text-image-feature ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.internal-landing-page-features-section .text-image-feature ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

}



/* Full Width Landing Page Left Panel */
.full-width-landing-top-panel { position: relative; }
    .full-width-landing-top-panel .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0px; }
    .full-width-landing-top-panel .elementor-section { min-height: 1085px; }
    .full-width-landing-top-panel .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1200px; min-height: 0px!important; }
    .full-width-landing-top-panel p strong.green { color: #98c13c; font-weight: unset; }
    .full-width-landing-top-panel p span { color: #98c13c; }
 /*green line*/
    .full-width-landing-top-panel .green-gradient-line { left: 0px; top: 510px; }
 /*END - green line*/
/*hesham lines*/
.full-width-landing-top-panel .pink-gradient-line { left: 0px; top: 510px; }
.full-width-landing-top-panel .purple-gradient-line { left: 0px; top: 510px; }
.full-width-landing-top-panel .orange-gradient-line { left: 0px; top: 510px; }
.full-width-landing-top-panel .blue-gradient-line { left: 0px; top: 510px; }
.full-width-landing-top-panel .aqua-gradient-line { left: 0px; top: 510px; }
.full-width-landing-top-panel .yellow-gradient-line { left: 0px; top: 510px; }
/*END - hesham lines*/
.full-width-landing-slider-panel { margin-top: -320px; }
    .full-width-landing-slider-panel .elementor-container { max-width: 1240px; margin: auto; }
    .full-width-landing-slider-panel .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0px; }
    .full-width-landing-slider-panel .elementor-slides .swiper-slide-bg { background: none!important; }
    .full-width-landing-slider-panel .swiper-slide-contents { text-align: left; font-size: 15px; font-weight: 400; }
    .full-width-landing-slider-panel .elementor-slides .swiper-slide-inner {padding: 50px 0px; }
    .full-width-landing-slider-panel .elementor-slides .swiper-slide-inner .elementor-slide-heading:not(:last-child) { margin-bottom: 20px; }
    .full-width-landing-slider-panel .elementor-slide-description { font-size: 16px; }
    .full-width-landing-slider-panel .elementor-slides .swiper-slide-inner .elementor-slide-button { font-size: 18px; font-weight: 600; background-color: #98C13C; border-color: #98C13C; border-radius: 30px 30px 30px 30px; padding: 10px 20px; }
    .full-width-landing-slider-panel .elementor-slides .swiper-slide-inner .elementor-slide-button:hover { background-color: #98C13C; border-color: #98C13C; }
    .full-width-landing-slider-panel .elementor-swiper-button { color: #98c13c; }
        .full-width-landing-slider-panel .elementor-swiper-button-prev { left: -70px; display: none !important; }
        .full-width-landing-slider-panel .elementor-swiper-button-next { right: -70px; }
        .full-width-landing-slider-panel .elementor-swiper-button i { font-size: 45px; }
    .full-width-landing-slider-panel .swiper-pagination-bullets { bottom: 0px!important; }
    .full-width-landing-slider-panel .swiper-pagination .swiper-pagination-bullet { background: #ffffff; width: 15px; height: 15px; opacity: 1; margin: 0 5px; }
    .full-width-landing-slider-panel .swiper-pagination .swiper-pagination-bullet-active { background: #98C13C; width: 40px; border-radius: 10px; }

    .full-width-landing-slider-panel .text-column .elementor-widget-wrap { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; }
    .full-width-landing-slider-panel .text-column .elementor-widget-container { font-size: 16px; font-weight: 400; max-width: 350px; float: right; }

    .full-width-landing-slider-panel .mask-image { width: 100%; height: 630px; top: 0px; border-radius: 20px; overflow: hidden; position: relative; }
    .full-width-landing-slider-panel .mask-image .background { position: absolute; height: 100%; width: 100%; background-position: 50% center; background-repeat: no-repeat; background-size: cover; }
    .full-width-landing-slider-panel .image-column .elementor-widget-wrap { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; }
    .full-width-landing-slider-panel .image-column img { padding: 40px; width: 100%; }

    .full-width-landing-slider-panel .slider-column { position: unset; }
    .full-width-landing-slider-panel .slider-column .elementor-widget-wrap { position: unset; }
    .full-width-landing-slider-panel .slider-column .elementor-element { position: unset; }
    .full-width-landing-slider-panel .slider-column .elementor-swiper { position: unset; }
    .full-width-landing-slider-panel .slider-column .elementor-main-swiper { position: unset; }
    .full-width-landing-slider-panel .slider-column .swiper-wrapper { position: unset; }


.full-width-landing-logo-panel {  }
    .full-width-landing-logo-panel #main-logo-slider { padding: 0px; }
	.full-width-landing-logo-panel #main-logo-slider img { padding: 20px 30px; }
    .full-width-landing-logo-panel p strong.green { color: #98c13c; font-weight: unset; }
    .full-width-landing-logo-panel p span { color: #98c13c; }


.full-width-landing-left-panel { position: relative; overflow: hidden; }
    .full-width-landing-left-panel .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0px; }
    .full-width-landing-left-panel .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1200px; min-height: 0px!important; }
    .full-width-landing-left-panel p strong.green { color: #98c13c; font-weight: unset; }
    .full-width-landing-left-panel p span { color: #98c13c; }
    .full-width-landing-left-panel p { font-size: 19px; font-weight: 400; }
    .full-width-landing-left-panel .elementor-widget-container { font-size: 19px; font-weight: 400; }
    .full-width-landing-left-panel .featured-logos .elementor-element-populated { display: block!important; }
        .full-width-landing-left-panel .featured-logos .inline { display: inline-block; vertical-align: middle!important; margin-right: 40px; }
        .full-width-landing-left-panel .featured-logos .inline.featured-text { width: auto!important; }
        .full-width-landing-left-panel .featured-logos .elementor-widget-image { width: auto!important; }
        .full-width-landing-left-panel .elementor-element.elementor-element-7bf3eab { width: 960px; height: 1180px; right: -30px; top: 0px; position: absolute; z-index: 10; }
        .full-width-landing-left-panel .side-mask .mask-image { background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 960px; height: 1180px; top: 0px; position: absolute; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Squiggle-01.svg) center 50% no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Squiggle-01.svg) center 50% no-repeat; }
 /*green line*/
    .full-width-landing-left-panel .green-gradient-line { left: 0px; top: 300px; }
 /*END - green line*/
 /*hesham lines*/
.full-width-landing-left-panel .pink-gradient-line { left: 0px; top: 300px; }
.full-width-landing-left-panel .purple-gradient-line { left: 0px; top: 300px; }
.full-width-landing-left-panel .orange-gradient-line { left: 0px; top: 300px; }
.full-width-landing-left-panel .blue-gradient-line { left: 0px; top: 300px; }
.full-width-landing-left-panel .aqua-gradient-line { left: 0px; top: 300px; }
.full-width-landing-left-panel .yellow-gradient-line { left: 0px; top: 300px; }
/*END - hesham lines*/
.full-width-landing-right-panel {  }
    .full-width-landing-right-panel .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0px; }
    .full-width-landing-right-panel .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1200px; min-height: 0px!important; }
    .full-width-landing-right-panel p strong.green { color: #98c13c; font-weight: unset; }
    .full-width-landing-right-panel p span { color: #98c13c; }
    .full-width-landing-right-panel p { font-size: 19px; font-weight: 400; }
    .full-width-landing-right-panel .elementor-widget-container { font-size: 19px; font-weight: 400; }
    .full-width-landing-right-panel .elementor-element:first-child + .elementor-element.elementor-widget.elementor-widget-html { width: 1020px; height: 570px; left: -130px; top: 40px; position: absolute; z-index: 10; }
    .full-width-landing-right-panel .side-image { background-position: 50% center; background-repeat: no-repeat; width: 1020px; height: 570px; top: 0px; position: absolute; background-size: cover; }
 /*green line*/
    .full-width-landing-right-panel .green-gradient-line { right: 0px; left: auto; top: 200px; }
 /*END - green line*/
 /*hesham lines*/
 .full-width-landing-right-panel .pink-gradient-line { right: 0px; left: auto; top: 200px; }
.full-width-landing-right-panel .purple-gradient-line { right: 0px; left: auto; top: 200px; }
.full-width-landing-right-panel .orange-gradient-line { right: 0px; left: auto; top: 200px; }
.full-width-landing-right-panel .blue-gradient-line { right: 0px; left: auto; top: 200px; }
.full-width-landing-right-panel .aqua-gradient-line { right: 0px; left: auto; top: 200px; }
.full-width-landing-right-panel .yellow-gradient-line { right: 0px; left: auto; top: 200px; }
/*END - hesham lines*/
    .full-width-landing-right-panel .bottom-cta { background: #98c13c; border-radius: 20px; padding: 25px; margin-top: 30px; }
        .full-width-landing-right-panel .bottom-cta p { margin-bottom: 0px; }
        .full-width-landing-right-panel .bottom-cta p a { color: #ffffff; }
        .full-width-landing-right-panel .bottom-cta a { color: #ffffff; }


.full-width-landing-bottom-border {  }
    .full-width-landing-bottom-border .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0px; }
    .full-width-landing-bottom-border .elementor-container { min-height: 10px!important; }
    

.full-width-landing-bottom-cta-panel .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0px; }
.full-width-landing-bottom-cta-panel p { margin-bottom: 0px; }
.full-width-landing-bottom-cta-panel p a { color: #ffffff!important; }
.full-width-landing-bottom-cta-panel a { color: #ffffff!important; }

       /*green line*/
.green-gradient-line { background: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/green-gradient-line) right 50% no-repeat; width: 300px; height: 14px; position: absolute; z-index: 10; }
.green-gradient-line.right { background-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/green-gradient-right-line.png); background-position: left 50%; }

/*END - green line*/

   /*hesham lines*/
.pink-gradient-line { background: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-line_contact_centre.png) right 50% no-repeat; width: 300px; height: 14px; position: absolute; z-index: 10; }
.pink-gradient-line.right { background-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-right-line_contact_centre.png); background-position: left 50%; }

.purple-gradient-line { background: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-line_LAN.png) right 50% no-repeat; width: 300px; height: 14px; position: absolute; z-index: 10; }
.purple-gradient-line.right { background-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-right-line_LAN.png); background-position: left 50%; }

.orange-gradient-line { background: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-line-mobile.png) right 50% no-repeat; width: 300px; height: 14px; position: absolute; z-index: 10; }
.orange-gradient-line.right { background-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-right-line_mobile.png); background-position: left 50%; }

.blue-gradient-line { background: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-line_security.png) right 50% no-repeat; width: 300px; height: 14px; position: absolute; z-index: 10; }
.blue-gradient-line.right { background-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-right-line_security.png); background-position: left 50%; }

.aqua-gradient-line { background: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-line_UC.png) right 50% no-repeat; width: 300px; height: 14px; position: absolute; z-index: 10; }
.aqua-gradient-line.right { background-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-right-line_UC.png); background-position: left 50%; }

.yellow-gradient-line { background: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-line_voice.png) right 50% no-repeat; width: 300px; height: 14px; position: absolute; z-index: 10; }
.yellow-gradient-line.right { background-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/green-gradient-right-line_voice.png); background-position: left 50%; }



  /*END - hesham lines*/


.bebusneue { font-family: bebasneue; }


@media screen and (max-width: 1860px) { 

    .green-gradient-line { width: 240px; }
    .pink-gradient-line { width: 240px; }
    .purple-gradient-line { width: 240px; }
    .orange-gradient-line { width: 240px; }
    .blue-gradient-line { width: 240px; }
    .aqua-gradient-line { width: 240px; }
    .yellow-gradient-line { width: 240px; }

    .full-width-landing-right-panel .elementor-element:first-child + .elementor-element.elementor-widget.elementor-widget-html { width: 820px; height: 470px; }
    .full-width-landing-right-panel .side-image { width: 820px; height: 470px; }

}

@media screen and (max-width: 1760px) { 

    .green-gradient-line { width: 180px; }
    .pink-gradient-line { width: 180px; }
    .purple-gradient-line { width: 180px; }
    .orange-gradient-line { width: 180px; }
    .blue-gradient-line { width: 180px; }
    .aqua-gradient-line { width: 180px; }
    .yellow-gradient-line { width: 180px; }

    .full-width-landing-left-panel .elementor-element.elementor-element-7bf3eab { width: 760px; height: 980px; }
    .full-width-landing-left-panel .side-mask .mask-image { width: 760px; height: 980px; }

}

@media screen and (max-width: 1630px) { 

    .green-gradient-line { width: 120px; }
    .pink-gradient-line { width: 120px; }
    .purple-gradient-line { width: 120px; }
    .orange-gradient-line { width: 120px; }
    .blue-gradient-line { width: 120px; }
    .aqua-gradient-line { width: 120px; }
    .yellow-gradient-line { width: 120px; }

}

@media screen and (max-width: 1530px) { 

    .green-gradient-line { width: 80px; }
    .pink-gradient-line { width: 80px; }
    .purple-gradient-line { width: 80px; }
    .orange-gradient-line { width: 80px; }
    .blue-gradient-line { width: 80px; }
    .aqua-gradient-line { width: 80px; }
    .yellow-gradient-line { width: 80px; }

    .full-width-landing-slider-panel .elementor-container { max-width: 1040px; }

}

@media screen and (max-width: 1440px) { 

    .full-width-landing-top-panel .elementor-section { min-height: 825px; background-size: cover; padding: 220px 0px 0px 0px!important; }

    .full-width-landing-left-panel .elementor-element.elementor-element-7bf3eab { width: 660px; height: 880px; }
    .full-width-landing-left-panel .side-mask .mask-image { width: 660px; height: 880px; }

    .full-width-landing-right-panel .elementor-element:first-child + .elementor-element.elementor-widget.elementor-widget-html { width: 620px; height: 370px; }
    .full-width-landing-right-panel .side-image { width: 620px; height: 370px; }

    .green-gradient-line { display: none; }
    .pink-gradient-line { display: none; }
    .purple-gradient-line { display: none; }
    .orange-gradient-line { display: none; }
    .blue-gradient-line { display: none; }
    .aqua-gradient-line { display: none; }
    .yellow-gradient-line { display: none; }

}


@media screen and (max-width: 1220px) { 

    .full-width-landing-top-panel .elementor-section { padding-left: 20px!important; padding-right: 20px!important; }
    .full-width-landing-left-panel .elementor-section { padding-left: 20px!important; padding-right: 20px!important; }
    .full-width-landing-right-panel .elementor-section { padding-left: 20px!important; padding-right: 20px!important; }

}


@media screen and (max-width: 1200px) { 

	.full-width-landing-slider-panel { margin-top: 0px; }
    .full-width-landing-slider-panel .elementor-container { display: block!important; max-width: 600px; }
    .full-width-landing-slider-panel .elementor-column.elementor-top-column.elementor-col-33 { width: 100%; }
    .full-width-landing-slider-panel .text-column .elementor-widget-wrap { position: relative; top: auto; transform: none; }
    .full-width-landing-slider-panel .text-column .elementor-widget-container { max-width: 100%; float: none; }
    .full-width-landing-slider-panel .text-column .elementor-widget-container p { padding-left: 0px; }
    .full-width-landing-slider-panel .elementor-swiper-button-prev { left: -10px; }
    .full-width-landing-slider-panel .elementor-swiper-button-next { right: -10px; }

    .full-width-landing-slider-panel .swiper-slide { height: 500px!important; }
    .full-width-landing-slider-panel .slider-column { position: relative; }
    .full-width-landing-slider-panel .slider-column .elementor-widget-wrap { position: relative; }
    .full-width-landing-slider-panel .slider-column .elementor-element { position: relative; }
    .full-width-landing-slider-panel .slider-column .elementor-swiper { position: relative; }
    .full-width-landing-slider-panel .slider-column .elementor-main-swiper { position: relative; }
    .full-width-landing-slider-panel .slider-column .swiper-wrapper { position: relative; }

    .full-width-landing-slider-panel .swiper-slide-inner { padding: 50px 50px!important; }

    .full-width-landing-slider-panel .mask-image { height: 300px; margin-top: 60px; }
    .full-width-landing-slider-panel .image-column .elementor-widget-wrap { padding: 0px!important }
    .full-width-landing-slider-panel .image-column .elementor-widget-wrap { position: relative; top: auto; transform: none; left: 0px; right: 0px; margin: auto; }
    .full-width-landing-slider-panel .image-column img { padding: 0px; width: 100%; max-width: 300px; margin: auto; display: block; }

    .full-width-landing-slider-panel .elementor-element { text-align: left!important; }


    .full-width-landing-left-panel .elementor-element.elementor-element-7bf3eab { width: 530px; height: 750px; }
    .full-width-landing-left-panel .side-mask .mask-image { width: 530px; height: 750px; }

}

@media screen and (max-width: 1080px) { 

    .full-width-landing-right-panel .elementor-element:first-child + .elementor-element.elementor-widget.elementor-widget-html { width: 520px; height: 270px; }
    .full-width-landing-right-panel .side-image { width: 520px; height: 270px; }

}


@media screen and (max-width: 1024px) { 

    .full-width-landing-logo-panel .elementor-widget-wrap { padding: 120px 30px 30px 30px!important; }

}

@media screen and (max-width: 991px) { 

    .full-width-landing-top-panel .elementor-section { min-height: 625px; padding-top: 150px!important; }

    .full-width-landing-left-panel .elementor-element.elementor-element-7bf3eab { width: 400px; height: 520px; }
    .full-width-landing-left-panel .side-mask .mask-image { width: 400px; height: 520px; }

    .full-width-landing-left-panel .featured-logos .inline.featured-text { width: 100% !important; margin-bottom: 34px !important; }

}

@media screen and (max-width: 767px) { 

    .full-width-landing-top-panel p { font-size: 18px!important; }
    .full-width-landing-top-panel p.bebusneue { font-size: 62px!important; line-height: 60px!important; }
    .full-width-landing-top-panel .elementor-section { min-height: 725px; padding-top: 250px !important; padding-bottom: 100px!important; background-size: 768px; }

    .full-width-landing-slider-panel .text-column .elementor-widget-container{ font-size: 18px!important; }
    .full-width-landing-slider-panel p { font-size: 18px!important; }
    .full-width-landing-slider-panel p.bebusneue { font-size: 52px!important; line-height: 54px!important; }
    .full-width-landing-slider-panel .text-column .elementor-widget-container p.bebusneue br { display: none; }
    .full-width-landing-slider-panel .image-column img { margin-top: 50px; }

    .full-width-landing-left-panel p { font-size: 18px!important; }
    .full-width-landing-left-panel p.bebusneue { font-size: 52px!important; line-height: 54px!important; padding-right: 80px; }
    .full-width-landing-left-panel .inline p.bebusneue { font-size: 46px!important; line-height: 50px!important; padding-right: 0px; }
    .full-width-landing-left-panel .elementor-element.elementor-element-7bf3eab { width: 220px; height: 280px; }
    .full-width-landing-left-panel .side-mask .mask-image { width: 220px; height: 280px; }
    .full-width-landing-left-panel .featured-logos .elementor-widget-image img { max-width: 120px; }

    .full-width-landing-right-panel p { font-size: 18px!important; }
    .full-width-landing-right-panel p.bebusneue { font-size: 52px!important; line-height: 54px!important; }
    .full-width-landing-right-panel .elementor-section { padding-top: 220px!important; padding-bottom: 120px!important; }
    .full-width-landing-right-panel .elementor-element:first-child + .elementor-element.elementor-widget.elementor-widget-html { width: 340px; height: 190px; top: 0px; }
    .full-width-landing-right-panel .side-image { width: 340px; height: 190px; }

}

@media screen and (max-width: 600px) { 

    .full-width-landing-slider-panel .swiper-slide { height: 500px !important; }
    .full-width-landing-slider-panel .swiper-slide-inner { padding: 0px 60px !important; }

    .full-width-landing-slider-panel .elementor-section { padding: 0px 20px 0px 20px!important; }

    .full-width-landing-slider-panel .elementor-swiper-button-prev { left: 0px; }
    .full-width-landing-slider-panel .elementor-swiper-button-next { right: 0px; }

    .full-width-landing-logo-panel #main-logo-slider img { max-height: 200px; }

}

@media screen and (max-width: 500px) { 

    .full-width-landing-top-panel .elementor-section { min-height: 625px; padding-top: 290px !important; padding-bottom: 100px!important; background-size: 500px; }

}





/* Characters Landing Page Panels */

.capslock h2 { font-family: capslock!important; }

.characters-landing-page-header { position: fixed!important; top: 0px!important; width: 100%!important; z-index: 10; }
    .characters-landing-page-header .elementor-section.elementor-inner-section { transition: 0.2s!important; transition-timing-function: ease-in!important; }
    .characters-landing-page-header .elementor-element-populated { padding: 0px!important; }
    .characters-landing-page-header .buttons .elementor-widget-wrap  { display: block!important; }
    .characters-landing-page-header .buttons .elementor-widget-button { width: auto; float: right; display: block; margin-left: 10px; }
    .characters-landing-page-header .buttons .elementor-widget-button.icon.mobile { display: none; }
    .characters-landing-page-header .elementor-container { min-height: 0px!important; }
    .characters-landing-page-header.scrolled { background: #172d52; }
    .characters-landing-page-header.scrolled .elementor-section.elementor-inner-section { padding: 18px 0px 18px 0px; transition: 0.2s!important; transition-timing-function: ease-in!important; }

    .elementor-top-section .elementor-widget-wrap { background-repeat: no-repeat; background-size: cover!important; }


.characters-landing-panel-1 { max-width: 1920px; margin-left: auto; margin-right: auto; }
    .characters-landing-panel-1 .text-content.elementor-section .elementor-container { z-index: 2; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-image { position: absolute; top: 180px; right: 100px; width: auto !important; z-index: 1; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-image.mobile { display: none; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-image.desktop { display: block; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-side-image { position: absolute; top: 210px; right: 150px; width: 175px !important; z-index: 1; }
    .characters-landing-panel-1 .side-mask { background-color: #172d52; width: 1660px; height: 1200px; top: -200px; position: absolute; left: -400px; z-index: 1; 
        mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Header-Shape.svg) center 50% no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Header-Shape.svg) center 50% no-repeat; }
    .characters-landing-panel-1 .side-outline-mask { background-color: #f57200; width: 1660px; height: 1200px; top: -370px; left: -370px; position: absolute; z-index: 1; 
        mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Header-Shape-Outline.svg) center 50% no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Header-Shape-Outline.svg) center 50% no-repeat; }
    
    .characters-landing-panel-1 .side-cta { background-color: #1485bd!important; background-position: top center!important; background-size: 600px!important; width: 500px !important; height: 430px !important; bottom: -700px; left: auto; right: 200px; position: absolute; z-index: 2; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/CTA-Box-01.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/CTA-Box-01.svg) center top no-repeat; }
        .characters-landing-panel-1 .side-cta .elementor-widget-image { width: auto!important; }
        .characters-landing-panel-1 .side-cta .elementor-widget-image img { width: 360px!important; margin-top: 60px; margin-left: 40px; }
        .characters-landing-panel-1 .side-cta.text { background-color: #16a961 !important; background-position: center 25px !important; background-size: 260px !important; text-align: center; }
        .characters-landing-panel-1 .side-cta.text .elementor-widget-image { margin: auto; }
        .characters-landing-panel-1 .side-cta.text .elementor-widget-image img { width: 260px !important; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 10px; display: block; }
        .characters-landing-panel-1 .side-cta.text .elementor-container { width: 360px; margin-left: auto; margin-top: 190px; }
        .characters-landing-panel-1 .side-cta.text.genesys { cursor: unset; background-color: #1e314d !important; background-position: center 38px !important; background-size: 160px !important; }
        .characters-landing-panel-1 .side-cta.text.genesys .elementor-container { margin-top: 165px; }
        .characters-landing-panel-1 .side-cta.text.genesys .elementor-container sup { font-size: 50%; }

    .characters-landing-panel-1.extreme .side-mask { background-color: #40248a; mask-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/Characters-Extreme-Header-Shape.svg); -webkit-mask-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/Characters-Extreme-Header-Shape.svg); top: -310px; }
    .characters-landing-panel-1.extreme .side-outline-mask { background-color: #ffc000; mask-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/Characters-Extreme-Header-Shape-Outline.svg); -webkit-mask-image: url(https://www.maintel.co.uk/wp-content/uploads/2022/12/Characters-Extreme-Header-Shape-Outline.svg); }

    .characters-landing-panel-1.genesis .side-mask { background-color: #1e314d; mask-image: url(https://www.maintel.co.uk/wp-content/uploads/2023/01/Characters-Genesis-Header-Shape-v2.svg); -webkit-mask-image: url(https://www.maintel.co.uk/wp-content/uploads/2023/01/Characters-Genesis-Header-Shape-v2.svg); top: -500px; mask-position: bottom right !important; -webkit-mask-position: bottom right !important; height: 1270px; width: 2200px; left: -1020px; }
    .characters-landing-panel-1.genesis .side-outline-mask { background-color: #f4991a; height: 1180px; mask-image: url(https://www.maintel.co.uk/wp-content/uploads/2023/01/Characters-Genesis-Header-Shape-Outline-v2.svg); -webkit-mask-image: url(https://www.maintel.co.uk/wp-content/uploads/2023/01/Characters-Genesis-Header-Shape-Outline-v2.svg); }


.characters-landing-panel-2 { max-width: 1920px; margin-left: auto; margin-right: auto; padding-top: 490px; padding-bottom: 270px; margin-top: -300px; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-1.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-1.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; }
    .characters-landing-panel-2 .elementor-widget-heading.inline { width: auto; display: inline-block; margin-right: 16px; }
    .characters-landing-panel-2 .image-column img { position: absolute; left: -330px; max-width: unset; width: 820px; top: -80px; }
    .characters-landing-panel-2 .image-column .desktop img { display: block; }
    .characters-landing-panel-2 .image-column .laptop img { display: none; }
    .characters-landing-panel-2 .text-column .elementor-widget-wrap { max-width: 530px; }
    .characters-landing-panel-2 .inline-zero.elementor-widget-image { width: 140px; margin-top: 15px; margin-right: 30px; float: left; }
    .characters-landing-panel-2 .inline-zero.elementor-widget-text-editor { float: left; width: 300px; }
        .characters-landing-panel-2 .inline-zero.elementor-widget-text-editor h4 { font-size: 70px; line-height: 68px; font-weight: 660; }
        .characters-landing-panel-2 .inline-zero.elementor-widget-text-editor h5 { font-size: 26px; line-height: 32px; font-weight: 660; }
   

.characters-landing-panel-3 { max-width: 1920px; margin-left: auto; margin-right: auto; background: none; margin-top: -380px !important; }
    .characters-landing-panel-3 .background-mask { background-color: #ffffff; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-2.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-2.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; }
    .characters-landing-panel-3 .text-content { background: none !important; padding-top: 520px!important; padding-bottom: 200px!important; }
    .characters-landing-panel-3 .elementor-widget-image.overlay-image { position: absolute; top: 260px; right: 100px; width: auto !important; z-index: 1; }
    .characters-landing-panel-3 .side-cta { display: none; background-color: #1485bd!important; background-position: top center!important; background-size: 450px!important; width: 360px !important; height: 320px !important; left: 0px; right: 0px; margin: auto; position: relative; z-index: 2; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/CTA-Box-01.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/CTA-Box-01.svg) center top no-repeat; }
        .characters-landing-panel-3 .side-cta .elementor-widget-image { width: auto!important; }
        .characters-landing-panel-3 .side-cta .elementor-widget-image img { width: 240px !important; min-width: 100%; margin-top: 45px; margin-left: 27px; }


.characters-landing-panel-4 { max-width: 1920px; margin-left: auto; margin-right: auto; z-index: 1; background: none; margin-top: -80px !important; }
    .characters-landing-panel-4 .background-mask { background-color: #172d52; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-3.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-3.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; }
    .characters-landing-panel-4 .text-content { background: none !important; padding-top: 320px!important; padding-bottom: 400px!important; }
    .characters-landing-panel-4 .elementor-widget-image.overlay-image { position: absolute; top: 10px; left: 100px; width: auto !important; z-index: 1; }
    .characters-landing-panel-4 .glow { z-index: 1; width: 1px!important; height: 1px; background-color: #006598; box-shadow: 0px 0px 240px 300px #006598; position: absolute; bottom: 0px; left: 440px; right: auto; margin: auto; transition-timing-function: ease-in; transition: 0.6s; }


.characters-landing-panel-5 { max-width: 1920px; margin-left: auto; margin-right: auto; z-index: 1; background: none; margin-top: -180px !important; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-4.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-4.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; }
    .characters-landing-panel-5 #main-logo-slider { padding: 0px 0px; }
        .characters-landing-panel-5 #main-logo-slider img { max-width: 340px; max-height: 150px; }
        .characters-landing-panel-5 .elementor-widget-image-carousel { max-width: 1200px; margin: auto; }
        .characters-landing-panel-5 .swiper-pagination-bullets { bottom: -40px!important; }
        .characters-landing-panel-5 .swiper-pagination .swiper-pagination-bullet { background: #cccccc; width: 15px; height: 15px; opacity: 1; margin: 0 5px; }
        .characters-landing-panel-5 .swiper-pagination .swiper-pagination-bullet-active { background: #999999; }


.characters-landing-panel-6 { max-width: 1920px; margin-left: auto; margin-right: auto; z-index: 1; background-color: #1e338f; margin-top: -180px !important; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-5.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-5.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; }
    .characters-landing-panel-6 .text-content { background: none !important; padding-top: 320px!important; padding-bottom: 400px!important; }
    .characters-landing-panel-6 .elementor-widget-image.overlay-image { position: absolute; bottom: -50px; left: 100px; width: auto !important; max-width: 800px; z-index: 1; }
    .characters-landing-panel-6 .glow { z-index: 1; width: 1px!important; height: 1px; background-color: #006598; box-shadow: 0px 0px 240px 300px #006598; position: absolute; bottom: 0px; left: 440px; right: auto; margin: auto; transition-timing-function: ease-in; transition: 0.6s; }
    

.characters-landing-panel-7 { max-width: 1920px; margin-left: auto; margin-right: auto; z-index: 1; background-color: #ffffff; margin-top: -180px !important; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-6.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-6.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; }
    .characters-landing-panel-7 .article-feature .elementor-widget-wrap { width: 90%; padding: 40px 40px 268px 40px !important; border-radius: 10px; margin: auto; display: block!important; min-height: 616px; }
    .characters-landing-panel-7.genesys .article-feature .elementor-widget-wrap { min-height: 690px; }
    .characters-landing-panel-7.genesys .article-feature .elementor-widget-wrap .elementor-widget-text-editor { -webkit-line-clamp: 6; }
    .characters-landing-panel-7 .article-feature .elementor-widget-wrap .elementor-widget-heading { margin-bottom: 12px; }
    .characters-landing-panel-7 .article-feature .elementor-widget-wrap .elementor-widget-text-editor { max-height: 200px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 100%; margin-bottom: 0px!important; }
        .characters-landing-panel-7 .article-feature .elementor-widget-wrap p { margin: 0px; }
        .characters-landing-panel-7 .article-feature .elementor-widget-wrap .elementor-widget-text-editor + .elementor-widget-heading { position: absolute; width: 300px; bottom: 268px; }
    .characters-landing-panel-7 .article-feature .elementor-widget-wrap .elementor-widget-image { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 240px; width: 100%; overflow: hidden; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
        .characters-landing-panel-7 .article-feature .elementor-widget-wrap .elementor-widget-image img { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; width: 493px; max-width: unset; }


.characters-landing-panel-8 { max-width: 1920px; margin-left: auto; margin-right: auto; z-index: 1; background-color: #742f7c; margin-top: -180px !important; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-7.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-7.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; }
    .characters-landing-panel-8 .text-content { background: none !important; padding-top: 380px !important; padding-bottom: 290px !important; }
    .characters-landing-panel-8 .elementor-widget-image.overlay-image { position: absolute; bottom: -50px; left: 100px; width: auto !important; max-width: 800px; z-index: 1; }
    .characters-landing-panel-8 .glow { z-index: 1; width: 1px!important; height: 1px; background-color: #006598; box-shadow: 0px 0px 240px 300px #006598; position: absolute; bottom: 0px; left: 440px; right: auto; margin: auto; transition-timing-function: ease-in; transition: 0.6s; }

        
.characters-landing-panel-9 { max-width: 1920px; margin-left: auto; margin-right: auto; z-index: 1; background: none; margin-top: -180px !important; }
    .characters-landing-panel-9 .background-mask { background-color: #122d56; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-6.svg) center top no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Panel-Shape-6.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; }
    .characters-landing-panel-9 .text-content { background: none !important; padding-top: 120px!important; padding-bottom: 120px!important; z-index: 1; position: relative; }
    .characters-landing-panel-9 .elementor-widget-image.overlay-image { position: absolute; top: -10px; left: 260px; width: auto !important; z-index: 1; }
    .characters-landing-panel-9 .top h2 { font-size: 86px; line-height: 86px; text-align: center; margin-right: 200px; transform: rotate(-5deg); }
    .characters-landing-panel-9 .bottom h2 { font-size: 86px; line-height: 86px; text-align: center; margin-left: 120px; transform: rotate(-4deg); }
    .characters-landing-panel-9 .glow { z-index: 1; width: 1px!important; height: 1px; background-color: #006598; box-shadow: 0px 0px 240px 300px #006598; position: absolute; bottom: 0px; left: 440px; right: auto; margin: auto; transition-timing-function: ease-in; transition: 0.6s; }


.characters-landing-panel-popup { position: fixed !important; width: 100%; height: 100%; top: -100%; opacity: 0; visibility: hidden; z-index: unset; transition-timing-function: ease-in!important; transition: 1.2s!important; z-index: 50; }
.characters-landing-panel-popup.active { top: 0px;  background: rgba(0, 0, 0, 0.71); opacity: 1; visibility: visible; transition-timing-function: ease-in!important; transition: 1.2s!important; }
    .characters-landing-panel-popup .elementor-container { background: #ffffff; position: absolute; height: 88%; width: 95%; max-width: 700px; padding: 40px 30px 40px 40px; margin: auto; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; border-radius: 20px; display: block; }
        .characters-landing-panel-popup .elementor-container .elementor-column.elementor-col-100.elementor-top-column { height: 100%; max-height: 770px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
        .characters-landing-panel-popup .close-icon { color: #999999; width: 40px; height: 40px; font-size: 32px; line-height: 40px; border-radius: 50%; position: absolute; right: 0px; text-align: center; border: 1px #ccc solid; z-index: 1; }
        .characters-landing-panel-popup .close-icon:hover { color: #172d52; background: #ccc; cursor: pointer; } 
        .characters-landing-panel-popup .elementor-container h2 { margin-bottom: 20px; font-size: 38px; line-height: 46px; color: #172d52; font-weight: 600; }
        .characters-landing-panel-popup .elementor-container p { font-size: 24px; line-height: 32px; }
        .characters-landing-panel-popup .elementor-container p a { color: #1485BD; }
        .characters-landing-panel-popup .elementor-container .elementor-widget-form { margin-top: 40px; }
        .characters-landing-panel-popup .elementor-container .elementor-field-group { margin-bottom: 20px!important; }
        .characters-landing-panel-popup .elementor-container .elementor-field-group label { margin-bottom: 10px; font-size: 20px; }
        .characters-landing-panel-popup .elementor-container .elementor-field-group .elementor-field-textual { border: 1px solid #b5b5b5; font-size: 18px; padding: 8px 10px;}
        .characters-landing-panel-popup .elementor-container .elementor-field-group .elementor-button { font-size: 22px; font-weight: 600; text-shadow: 0px 0px 10px rgba(0,0,0,0.3); background-color: #1885BC; border-radius: 30px 30px 30px 30px; padding: 17px 40px 17px 40px; max-width: 200px; margin: auto; }



@media screen and (max-width: 1800px) { 

    .characters-landing-panel-1 .elementor-widget-image.overlay-image { right: 0px; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-side-image { right: 50px; }

    .characters-landing-panel-1 .side-cta { width: 380px !important; height: 330px !important; right: 170px; bottom: -600px; background-size: 470px !important; }
    .characters-landing-panel-1 .side-cta .elementor-widget-image img { width: 280px !important; min-width: unset; margin-top: 45px; margin-left: 30px; }

    .characters-landing-panel-1 .side-cta.text.genesys { background-position: center 24px !important; background-size: 100px !important; }
    .characters-landing-panel-1 .side-cta.text.genesys .elementor-container { margin-top: 98px !important; }
    .characters-landing-panel-1 .side-cta.text.genesys h2.elementor-heading-title { font-size: 36px !important; line-height: 36px !important; }
    .characters-landing-panel-1 .side-cta.text.genesys h3.elementor-heading-title { font-size: 16px !important; line-height: 24px !important; }
    .characters-landing-panel-1 .side-cta.text.genesys h4.elementor-heading-title { font-size: 16px !important; line-height: 24px !important; }

    .characters-landing-panel-2 .image-column { width: 32%!important; }
    .characters-landing-panel-2 .image-column img { width: 720px; left: -280px; top: 0px; }

    .characters-landing-panel-1 .side-cta.text { background-position: center 20px !important; background-size: 150px !important; }
    .characters-landing-panel-1 .side-cta.text .elementor-container { width: 280px!important; margin-top: 118px!important; }
    .characters-landing-panel-1 .side-cta.text .elementor-widget-image img { width: 220px !important; }
    .characters-landing-panel-1 .side-cta.text h2.elementor-heading-title { font-size: 38px!important; line-height: 44px!important; }
    .characters-landing-panel-1 .side-cta.text h3.elementor-heading-title { font-size: 18px!important; line-height: 24px!important; }
    .characters-landing-panel-1 .side-cta.text h4.elementor-heading-title { font-size: 18px!important; line-height: 24px!important; }

    .characters-landing-panel-3 .elementor-widget-image.overlay-image { width: 600px !important; }

    .characters-landing-panel-3 .side-cta.text { background-color: #16a961 !important; background-position: center 20px !important; background-size: 150px !important; }
    .characters-landing-panel-3 .side-cta.text .elementor-container { width: 280px!important; margin-top: 118px!important; }
    .characters-landing-panel-3 .side-cta.text .elementor-widget-image { margin: auto; }
    .characters-landing-panel-3 .side-cta.text .elementor-widget-image img { width: 220px !important; margin: auto auto 12px auto!important; }
    .characters-landing-panel-3 .side-cta.text h2.elementor-heading-title { font-size: 38px!important; line-height: 44px!important; }
    .characters-landing-panel-3 .side-cta.text h3.elementor-heading-title { font-size: 18px!important; line-height: 24px!important; }
    .characters-landing-panel-3 .side-cta.text h4.elementor-heading-title { font-size: 18px!important; line-height: 24px!important; }
    .characters-landing-panel-3 .side-cta.text.genesys { background-color: #1e314d !important; background-position: center 24px !important; background-size: 100px !important; }
    .characters-landing-panel-3 .side-cta.text.genesys .elementor-container { margin-top: 98px !important; }
    .characters-landing-panel-3 .side-cta.text.genesys h2.elementor-heading-title { font-size: 36px !important; line-height: 36px !important; }
    .characters-landing-panel-3 .side-cta.text.genesys h3.elementor-heading-title { font-size: 14px !important; line-height: 20px !important; }
    .characters-landing-panel-3 .side-cta.text.genesys h4.elementor-heading-title { font-size: 14px !important; line-height: 20px !important; }

    .characters-landing-panel-4 .elementor-widget-image.overlay-image { width: 600px !important; }

    .characters-landing-panel-6 .elementor-widget-image.overlay-image { bottom: 60px; max-width: 600px; }

    .characters-landing-panel-9 .elementor-widget-image.overlay-image { width: 400px !important; top: 0px; left: 160px; }

}


@media screen and (max-width: 1680px) { 

    .characters-landing-page-header .elementor-section-content-middle { padding-left: 30px!important; padding-right: 30px!important; }

    .characters-landing-panel-1 .text-content { padding-left: 30px!important; padding-right: 30px!important; }
        .characters-landing-panel-1 .text-content h3.elementor-heading-title { font-size: 38px!important; }
        .characters-landing-panel-1 .text-content h2.elementor-heading-title { font-size: 62px!important; line-height: 68px!important; }
        .characters-landing-panel-1 .elementor-widget-image.overlay-image { right: 0px; width: 700px !important; }
        .characters-landing-panel-1 .elementor-widget-image.overlay-side-image { top: 200px; right: 40px; width: 115px !important; }
        .characters-landing-panel-1 .side-cta { bottom: -500px; right: 80px; }
    
    .characters-landing-panel-3 .text-content { padding-left: 30px!important; padding-right: 30px!important; }

    .characters-landing-panel-4 .text-content { padding-left: 30px!important; padding-right: 30px!important; }

    .characters-landing-panel-6 .text-content { padding-left: 30px!important; padding-right: 30px!important; }

    .characters-landing-panel-7 .article-feature .elementor-widget-wrap { min-height: 590px; }
    .characters-landing-panel-7 .article-feature .elementor-widget-wrap h3.elementor-heading-title { font-size: 26px!important; line-height: 34px!important; }
    .characters-landing-panel-7 .article-feature .elementor-widget-wrap p { font-size: 18px!important; line-height: 26px!important; }

    .characters-landing-panel-8 .text-content { padding-left: 30px!important; padding-right: 30px!important; }

    .characters-landing-panel-9 .text-content { padding-left: 30px!important; padding-right: 30px!important; }
    .characters-landing-panel-9 .elementor-widget-image.overlay-image { left: 50px; }

}

@media screen and (max-width: 1550px) { 

    .characters-landing-panel-2 h2.elementor-heading-title { font-size: 42px!important; line-height: 50px!important; }
    .characters-landing-panel-2 p { font-size: 21px!important; line-height: 28px!important; }
    .characters-landing-panel-2 .image-column img { left: -340px; top: 0px; }
    .characters-landing-panel-2 .elementor-column.elementor-col-33:first-child { width: 29% !important; }

}

@media screen and (max-width: 1500px) { 

    .characters-landing-panel-1 .text-content h3.elementor-heading-title { font-size: 32px!important; }
    .characters-landing-panel-1 .text-content h2.elementor-heading-title { font-size: 54px!important; line-height: 62px!important; }
    .characters-landing-panel-1 .text-content .elementor-widget-container p { font-size: 21px!important; }
    .characters-landing-panel-1.genesis .text-content .elementor-widget-container p { font-size: 18px !important; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-image { right: 0px; width: 600px !important; }

    .characters-landing-panel-3 .elementor-widget-image.overlay-image { width: 500px !important; right: 60px; }
    .characters-landing-panel-3 p { font-size: 21px !important; line-height: 28px !important; }

    .characters-landing-panel-4 .elementor-widget-image.overlay-image { width: 500px !important; top: 70px; }

    .characters-landing-panel-6 .elementor-widget-image.overlay-image { bottom: 90px; max-width: 500px; }
    .characters-landing-panel-6 p { font-size: 21px !important; line-height: 28px !important; }

    .characters-landing-panel-7 .article-feature .elementor-widget-wrap .elementor-widget-image img { width: 100%; top: auto; transform: none; bottom: 0px;  }

}

@media screen and (max-width: 1350px) { 

    .characters-landing-panel-1.genesis .side-mask { top: -400px; height: 1190px; width: 2200px; left: -1220px; }

    .characters-landing-panel-2 .elementor-column.elementor-col-33:first-child { width: 100% !important; position: absolute; }
    .characters-landing-panel-2 .image-column img { width: 500px; left: auto; top: 380px; right: 100px; bottom: 0px; }
    .characters-landing-panel-2 .image-column .desktop img { display: none!important; }
    .characters-landing-panel-2 .image-column .laptop img { display: block!important; }
    .characters-landing-panel-2 .elementor-column.elementor-col-33:first-child + .elementor-col-33 { width: 50%; }
    .characters-landing-panel-2 .elementor-column.elementor-col-33:first-child + .elementor-col-33 + .elementor-col-33 { width: 50%; }
    .characters-landing-panel-2 .text-column .elementor-widget-wrap { margin-left: 100px !important; }

    .characters-landing-panel-4 .elementor-widget-text-editor .elementor-widget-container { font-size: 26px !important; line-height: 32px !important; }

    .characters-landing-panel-9 .elementor-widget-image.overlay-image { top: 180px; left: 80px; width: 200px !important; }

}

@media screen and (max-width: 1300px) { 

    .characters-landing-panel-1 .text-content { padding: 160px 30px 120px 30px!important; }
    .characters-landing-panel-1 .side-outline-mask { width: 1460px; height: 1000px; }
    .characters-landing-panel-1 .side-mask { width: 1460px; height: 1000px; }
    .characters-landing-panel-1 .elementor-column.elementor-col-50:first-child { width: 60%; }
    .characters-landing-panel-1.extreme .side-mask { top: -230px; }

    .characters-landing-panel-2 h4 { font-size: 70px!important; }
    .characters-landing-panel-2 h5 { font-size: 26px!important; line-height: 34px!important; }

    .characters-landing-panel-3 h2.elementor-heading-title { font-size: 50px!important; line-height: 56px!important; }

    .characters-landing-panel-6 h2.elementor-heading-title { font-size: 50px!important; line-height: 56px!important; }

    .characters-landing-panel-7 h2.elementor-heading-title { font-size: 50px !important; line-height: 56px !important; }

}

@media screen and (max-width: 1200px) { 

    .characters-landing-panel-1 .elementor-column.elementor-col-50:first-child { width: 70%; }
    .characters-landing-panel-1 .text-content h3.elementor-heading-title { font-size: 26px!important; }
    .characters-landing-panel-1 .text-content h2.elementor-heading-title { font-size: 44px !important; line-height: 52px !important; }
    .characters-landing-panel-1.genesis .side-mask { top: -450px; height: 1160px; width: 3200px; left: -2320px; }
    .characters-landing-panel-1.genesis .side-outline-mask { height: 1200px; }

    .characters-landing-panel-2 { padding-left: 30px!important; padding-right: 30px!important; }
    .characters-landing-panel-2 .elementor-column.elementor-col-33 { width: 50%!important; }
    .characters-landing-panel-2 .elementor-column.elementor-col-33:first-child {  }
    .characters-landing-panel-2 .text-column .elementor-widget-wrap { margin-left: 0px !important; max-width: 100%; }

    .characters-landing-panel-3 .elementor-widget-image.overlay-image { width: 400px !important; right: 40px; top: 460px; }

    .characters-landing-panel-4 .elementor-widget-image.overlay-image { width: 400px !important; top: 120px; }

    .characters-landing-panel-5 #main-logo-slider img { max-width: 280px; max-height: 130px; }

    .characters-landing-panel-6 .elementor-widget-image.overlay-image { width: 400px !important; bottom: 290px; left: 50px; }

    .characters-landing-panel-7 { padding: 130px 30px 100px 30px!important; }
    .characters-landing-panel-7 .elementor-container { display: block!important; min-height: 0px!important; }
    .characters-landing-panel-7 .elementor-column.elementor-col-33 { width: 100%!important; display: block!important; }
    .characters-landing-panel-7 .elementor-column.elementor-col-50 { width: 100%!important; display: block!important; }
    .characters-landing-panel-7 .article-feature .elementor-widget-wrap { width: 100%; max-width: 480px; margin-bottom: 40px; }

    .characters-landing-panel-8 h2.elementor-heading-title { font-size: 40px !important; line-height: 46px !important; }

    .characters-landing-panel-9 .top h2 { font-size: 66px; line-height: 66px; }
    .characters-landing-panel-9 .bottom h2 { font-size: 66px; line-height: 66px; }

}

@media screen and (max-width: 1100px) { 

    .characters-landing-panel-1 .side-mask { width: 1260px; height: 1000px; }
    .characters-landing-panel-1 .side-outline-mask { width: 1260px; }

    .characters-landing-panel-1 .side-cta { width: 380px !important; height: 330px !important; background-size: 470px !important; }
    .characters-landing-panel-1 .side-cta .elementor-widget-image img { min-width: 250px; margin-top: 45px; margin-left: 30px; }

}

@media screen and (max-width: 1024px) { 

    .characters-landing-panel-5 .elementor-widget-wrap { padding: 150px 30px 220px 30px!important; }

    .characters-landing-panel-8 .elementor-container { min-height: 0px!important; }

    .characters-landing-panel-9 .elementor-container { min-height: 0px!important; }

}

@media screen and (max-width: 992px) { 

    .characters-landing-page-header .buttons .elementor-widget-button { display: none; }
    .characters-landing-page-header .buttons .elementor-widget-button.icon.mobile { display: block; }
    .characters-landing-page-header .buttons .elementor-widget-button.icon.mobile .elementor-button { color: #ffffff; font-size: 30px !important; padding: 11px 0px 0px 10px!important; background: none!important; border: none!important; text-align: center; }

    .characters-landing-panel-1 { background: #172d52; min-height: 1320px; overflow: hidden; }
    .characters-landing-panel-1.extreme { background: #40248a; }
    .characters-landing-panel-1 .elementor-column.elementor-col-50:first-child { text-align: left; margin: auto; width: 100%; max-width: 580px; }
    .characters-landing-panel-1 .elementor-column p { text-align: left; }
    .characters-landing-panel-1 .text-content { background: none!important; }
    .characters-landing-panel-1 .side-mask { display: none; width: 1460px; height: 1200px; left: -300px; }
    .characters-landing-panel-1 .side-outline-mask { display: none; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-image { width: 380px !important; top: 540px; right: 0px; left: 0px; margin: auto; z-index: unset; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-image.mobile { display: block; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-image.desktop { display: none; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-side-image { top: 555px; right: 0px; width: 80px !important; left: 340px; margin: auto; }
    .characters-landing-panel-1 .side-cta { bottom: -600px; left: 0px; right: 0px; margin: auto; }
    .characters-landing-panel-1 .side-cta { display: none; }

    .characters-landing-panel-2 { padding-top: 390px; padding-bottom: 320px; margin-top: -600px; }
    .characters-landing-panel-2 .elementor-column.elementor-col-33 { width: 100% !important; text-align: center; }
    .characters-landing-panel-2 .elementor-column.elementor-col-33:first-child { display: block !important; position: absolute; bottom: 0px; width: 100% !important; }
    .characters-landing-panel-2 .elementor-column.elementor-col-33 .elementor-widget-wrap { text-align: left; margin: auto; width: 100%; max-width: 580px; }
    .characters-landing-panel-2 .image-column img { display: block!important; width: 400px; left: 0px; top: 50px; right: 0px; }
    .characters-landing-panel-2 .elementor-widget-heading { text-align: left!important; }
    .characters-landing-panel-2 .elementor-widget-text-editor { text-align: left!important; }

    .characters-landing-panel-3 { padding-bottom: 400px!important; }
    .characters-landing-panel-3 .elementor-column.elementor-col-50 { text-align: center; margin: auto; width: 100%; max-width: 580px; }
    .characters-landing-panel-3 .elementor-widget-heading { text-align: center!important; }
    .characters-landing-panel-3 .elementor-widget-text-editor { text-align: center!important; }
    .characters-landing-panel-3 .text-content { padding-top: 460px !important; padding-bottom: 20px !important; }
    .characters-landing-panel-3 .text-content .elementor-widget-button { display: none; }
    .characters-landing-panel-3 .elementor-widget-image.overlay-image { width: 340px !important; top: auto; right: 0px; left: 0px; bottom: -810px; margin: auto; }
    .characters-landing-panel-3 .side-cta { display: block; }

    .characters-landing-panel-4 .elementor-column.elementor-col-50 { text-align: center; margin: auto; width: 100%; max-width: 580px; }
    .characters-landing-panel-4 .elementor-widget-heading { text-align: center!important; }
    .characters-landing-panel-4 .elementor-widget-text-editor { text-align: center!important; }
    .characters-landing-panel-4 .text-content { padding-top: 120px !important; padding-bottom: 560px !important; }
    .characters-landing-panel-4 .elementor-widget-image.overlay-image { width: 340px !important; top: auto; right: 0px; left: 0px; bottom: -200px; margin: auto; }

    .characters-landing-panel-5 h2.elementor-heading-title { font-size: 50px !important; line-height: 56px !important; }
    .characters-landing-panel-5 h2.elementor-heading-title br { display: none; }
    .characters-landing-panel-5 #main-logo-slider img { max-width: 220px; max-height: 160px; }

    .characters-landing-panel-6 .elementor-column.elementor-col-50 { text-align: center; margin: auto; width: 100%; max-width: 580px; }
    .characters-landing-panel-6 .elementor-widget-heading { text-align: center!important; }
    .characters-landing-panel-6 .elementor-widget-text-editor { text-align: center!important; }
    .characters-landing-panel-6 .text-content { padding-top: 200px !important; padding-bottom: 460px !important; }
    .characters-landing-panel-6 .elementor-widget-image.overlay-image { width: 360px !important; top: auto; right: 0px; left: 0px; bottom: 0px; margin: auto; }

    .characters-landing-panel-7 .article-feature .elementor-widget-wrap { padding: 40px 30px 268px 30px !important; }

    .characters-landing-panel-3 h2.elementor-heading-title { font-size: 40px!important; line-height: 46px!important; }

    .characters-landing-panel-6 h2.elementor-heading-title { font-size: 40px!important; line-height: 46px!important; }

    .characters-landing-panel-7 h2.elementor-heading-title { font-size: 40px !important; line-height: 46px !important; }

    .characters-landing-panel-9 .elementor-column.elementor-col-50 { text-align: center; margin: auto; width: 100%!important; }
    .characters-landing-panel-9 .elementor-widget-image.overlay-image { top: -30px; left: 0px; right: 0px; margin: auto; }
    .characters-landing-panel-9 .text-content { padding-top: 240px !important; padding-bottom: 80px !important; }
    .characters-landing-panel-9 .top h2 { font-size: 56px; line-height: 56px; }
    .characters-landing-panel-9 .bottom h2 { font-size: 56px; line-height: 56px; }

    .characters-landing-panel-popup .elementor-container p { font-size: 20px; line-height: 26px; }
    .characters-landing-panel-popup .elementor-container .elementor-field-group label { font-size: 18px; }
    .characters-landing-panel-popup .elementor-container .elementor-field-group .elementor-field-textual { font-size: 16px; }

}


@media screen and (max-width: 768px) { 

    .characters-landing-page-header .elementor-section-content-middle { padding-left: 20px!important; padding-right: 20px!important; }
    .characters-landing-page-header .elementor-column.elementor-col-50 { width: 30%; }
    .characters-landing-page-header .elementor-column.elementor-col-50:first-child { width: 70%; }

    .characters-landing-panel-1 .text-content { padding: 130px 20px 120px 20px !important; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-image { top: 450px; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-side-image { top: 465px; width: 60px !important; left: 300px; }

    .characters-landing-panel-2 { padding-left: 20px !important; padding-right: 20px !important; }
        
    .characters-landing-panel-3 .text-content { padding-left: 20px!important; padding-right: 20px!important; }

    .characters-landing-panel-4 .text-content { padding-left: 20px!important; padding-right: 20px!important; }
    .characters-landing-panel-4 h3.elementor-heading-title { font-size: 30px!important; line-height: 36px!important; }
    .characters-landing-panel-4 h2.elementor-heading-title { font-size: 20px!important; line-height: 26px!important; }
    .characters-landing-panel-4 .glow { display: none!important; }

    .characters-landing-panel-6 h3.elementor-heading-title { font-size: 20px!important; }
    .characters-landing-panel-6 .text-content { padding-left: 20px!important; padding-right: 20px!important; }

    .characters-landing-panel-7 { padding: 100px 30px 10px 30px !important; }

    .characters-landing-panel-8 .text-content { padding-left: 20px!important; padding-right: 20px!important; }

    .characters-landing-panel-9 .text-content { padding-left: 20px!important; padding-right: 20px!important; }
    .characters-landing-panel-9 .glow { display: none!important; }
    .characters-landing-panel-9 .top h2 { font-size: 46px; line-height: 46px; margin-right: 30px; }
    .characters-landing-panel-9 .bottom h2 { font-size: 46px; line-height: 46px; margin-left: 30px; }

    .characters-landing-panel-popup .elementor-container h2 { margin-bottom: 15px; font-size: 30px; line-height: 36px; }

}


@media screen and (max-width: 600px) { 

    .characters-landing-page-header img { max-width: 320px !important; }
    .characters-landing-page-header .buttons .elementor-widget-button.icon.mobile { margin-top: -8px; }
    .characters-landing-page-header .elementor-button { font-size: 15px!important; padding: 8px 10px!important; }

    .characters-landing-panel-1 { min-height: 1280px; }
    .characters-landing-panel-1 .text-content h2.elementor-heading-title { font-size: 36px !important; line-height: 42px !important; }
    .characters-landing-panel-1 .text-content .elementor-widget-container p { font-size: 19px !important; }
    .characters-landing-panel-1 .elementor-widget-image.overlay-image { top: 480px; }
    .characters-landing-panel-1.extreme .text-content .elementor-widget-container p { font-size: 16px !important; }
    .characters-landing-panel-1.genesis .elementor-widget-image.overlay-image { top: 520px; }
    .characters-landing-panel-1.genesis .elementor-widget-image.overlay-side-image { width: 70px !important; top: 565px; left: 300px; }
    .characters-landing-panel-1.genesis .elementor-widget-container { margin: 0px 0px 20px 0px!important; }
    .characters-landing-panel-1.genesis .text-content .elementor-widget-container p { font-size: 17px !important; }
    .characters-landing-panel-1.genesis .text-content { padding-top: 100px!important; }

    .characters-landing-panel-2 { padding-top: 285px; }
    .characters-landing-panel-2 .image-column img { left: -120px; }
    .characters-landing-panel-2 h2.elementor-heading-title { font-size: 36px!important; line-height: 42px!important; }
    .characters-landing-panel-2 p { font-size: 19px !important; }

    .characters-landing-panel-3 h2.elementor-heading-title { font-size: 36px!important; line-height: 42px!important; }
    .characters-landing-panel-3 p { font-size: 19px !important; }

    .characters-landing-panel-4 .elementor-widget-text-editor .elementor-widget-container { font-size: 22px !important; line-height: 30px !important; font-weight: 400; }
    .characters-landing-panel-4 p { font-size: 19px !important; }

    .characters-landing-panel-5 .elementor-widget-wrap { padding: 100px 30px 210px 30px !important; }
    .characters-landing-panel-5 #main-logo-slider img { max-width: 320px; }
    .characters-landing-panel-5 h2.elementor-heading-title { font-size: 40px !important; line-height: 46px !important; }
    .characters-landing-panel-5 p { font-size: 19px !important; }

    .characters-landing-panel-6 h2.elementor-heading-title { font-size: 36px!important; line-height: 42px!important; }
    .characters-landing-panel-6 p { font-size: 19px !important; }

    .characters-landing-panel-7 h2.elementor-heading-title { font-size: 36px !important; line-height: 42px !important; }
    .characters-landing-panel-7 p { font-size: 19px !important; }

    .characters-landing-panel-popup .elementor-container { padding: 30px 10px 30px 20px; }
    
}


@media screen and (max-width: 500px) { 

    .characters-landing-page-header img { max-width: 290px !important; margin-top: 3px; }
    .characters-landing-page-header .elementor-button { font-size: 15px!important; padding: 8px 10px!important; }

    .characters-landing-page-header .elementor-column.elementor-col-50:first-child { width: 65%; }
    .characters-landing-page-header .elementor-column.elementor-col-50 { width: 35%; }

    .characters-landing-panel-1 .text-content h2.elementor-heading-title { font-size: 30px !important; line-height: 38px !important; }

    .characters-landing-panel-2 { padding-top: 270px; }
    .characters-landing-panel-2 .image-column img { left: -200px; width: 500px; top: 30px; }

    .characters-landing-panel-9 .top h2 { font-size: 40px; line-height: 40px; margin-right: 20px; }
    .characters-landing-panel-9 .bottom h2 { font-size: 40px; line-height: 40px; margin-left: 20px; }

    .characters-landing-panel-popup .elementor-container h2 { font-size: 27px; line-height: 33px; }
    .characters-landing-panel-popup .elementor-container p { font-size: 18px; }

}


form.searchandfilter ul { display: block!important; }
form.searchandfilter ul ul { display: grid!important; }

@media screen and (max-width: 767px) { 
	
	form.searchandfilter { padding: 20px 10px!important; }
	form.searchandfilter ul ul { display: block!important; }
	form.searchandfilter ul ul li {width: 50% !important; display: inline-block !important; height: 25px !important; font-size: 14px; margin-bottom: 5px; }
	
}



/* Product Landing Page Panels */

.product-landing-page-header { position: fixed!important; top: 0px!important; width: 100%!important; z-index: 10; }
    .product-landing-page-header .elementor-section.elementor-inner-section { transition: 0.2s!important; transition-timing-function: ease-in!important; }
    .product-landing-page-header .elementor-element-populated { padding: 0px!important; }
    .product-landing-page-header .buttons .elementor-widget-wrap  { display: block!important; }
    .product-landing-page-header .buttons .elementor-widget-button { width: auto; float: right; display: block; margin-left: 10px; }
    .product-landing-page-header .buttons .elementor-widget-button.icon.mobile { display: none; }
    .product-landing-page-header .elementor-container { min-height: 0px!important; }
    .product-landing-page-header.scrolled { background: #22333b; }
    .product-landing-page-header.scrolled .elementor-section.elementor-inner-section { padding: 18px 0px 18px 0px; transition: 0.2s!important; transition-timing-function: ease-in!important; }


.product-landing-panel-1 { min-height: 900px; max-width: 1920px; margin-left: auto; margin-right: auto; }
    .product-landing-panel-1 .text-content.elementor-section .elementor-container { z-index: 2; }
    .product-landing-panel-1 .elementor-widget-wrap .elementor-widget-html { background: #22333b; bottom: -360px; width: 100%; height: 100%; min-height: 1500px; position: absolute; z-index: 1; mask-size: 1922px!important; -webkit-mask-size: 1922px!important; 
         mask: url(https://www.maintel.co.uk/wp-content/uploads/2023/05/maintel-product-page-top-mask.svg) center bottom no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2023/05/maintel-product-page-top-mask.svg) center bottom no-repeat; }
    .product-landing-panel-1 .elementor-widget-image.overlay-image { position: absolute; top: 160px; left: 0px; width: auto !important; z-index: 1; }
    .product-landing-panel-1 .side-mask { background-color: #172d52; width: 1660px; height: 1200px; top: -200px; position: absolute; left: 0px; z-index: 1; 
        mask: url(https://www.maintel.co.uk/wp-content/uploads/2023/05/maintel-product-page-top-mask.svg) center 50% no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2023/05/maintel-product-page-top-mask.svg) center 50% no-repeat; }
    .product-landing-panel-1 .side-outline-mask { background-color: #f57200; width: 1660px; height: 1200px; top: -370px; left: -370px; position: absolute; z-index: 1; 
        mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Header-Shape-Outline.svg) center 50% no-repeat; -webkit-mask: url(https://www.maintel.co.uk/wp-content/uploads/2022/11/Characters-Header-Shape-Outline.svg) center 50% no-repeat; }
    


.product-landing-panel-2 { min-height: 900px; max-width: 1920px; margin-left: auto; margin-right: auto; }
    .product-landing-panel-2 .elementor-container.elementor-column-gap-default { max-width: 1624px; }
    .product-landing-panel-2 .side-cta { border-radius: 20px; }
        .product-landing-panel-2 .side-cta img { margin-bottom: 40px; }
        .product-landing-panel-2 .side-cta .border-line { border: 2px #ff9a00 solid; margin: 16px 0px; }
        .product-landing-panel-2 form.wpcf7-form { display: none; margin-top: 60px; font-size: 0px; }
        .product-landing-panel-2 form.wpcf7-form.active { display: block; }
        .product-landing-panel-2 form.wpcf7-form label { color: #ffffff; }
        .product-landing-panel-2 form.wpcf7-form .wpcf7-form-control-wrap { font-size: 18px; width: 33.333333%; padding: 0px 5px; display: inline-block; }
        .product-landing-panel-2 form.wpcf7-form .wpcf7-form-control-wrap select { width: 100%; margin: auto; border: 1px solid #a3a1a1; border-radius: 3px; padding: 12px; }
        .product-landing-panel-2 form.wpcf7-form .wpcf7-submit { font-size: 20px; font-weight: 600; color: #ffffff; background-color: #98C13C; border-color: #98C13C; border-radius: 10px 10px 10px 10px; padding: 9px 18px 9px 18px; display: block; margin: 20px auto auto auto; }

        
.product-landing-panel-3 { background: none; height: 680px; max-width: 1920px; margin-left: auto; margin-right: auto; z-index: 2; }
    .product-landing-panel-3 .elementor-container.elementor-column-gap-no { max-width: 1624px; }
    .product-landing-panel-3 .cta-feature .elementor-widget-wrap { width: 90%; border-radius: 30px; box-shadow: 6px 6px 15px 1px rgba(19, 19, 19, 0.3); margin-left: auto; margin-right: auto; margin-bottom: 30px; }
    .product-landing-panel-3 .left-column .elementor-inner-section { width: 100%; max-width: 80%; margin-top: 120px; }


.product-landing-panel-4 { max-width: 1920px; margin-left: auto; margin-right: auto; z-index: 1; }
    .product-landing-panel-4 .elementor-container.elementor-column-gap-no { max-width: 1624px; }
	.product-landing-panel-4 .elementor-section .elementor-container { display: block; text-align: center; }
    .product-landing-panel-4 .cta-feature .elementor-widget-wrap { width: 90%; border-radius: 30px; margin-bottom: 30px; text-align: left; }
    .product-landing-panel-4 .cta-feature .border-line { border: 2px #314851 solid; margin: 0px; }
    .product-landing-panel-4 .cta-feature .elementor-widget-wrap { width: 90%; border-radius: 30px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
	.product-landing-panel-4 .elementor-column.elementor-col-33 { display: inline-block; }
	.product-landing-panel-4 .elementor-column.elementor-col-33.hidden { display: none; }

    @media screen and (max-width: 1680px) { 

        .product-landing-page-header .elementor-section-content-middle { padding-left: 30px !important; padding-right: 30px !important; }

        .product-landing-panel-1 .text-content.elementor-section { padding-left: 30px !important; padding-right: 30px !important; }

        .product-landing-panel-2 { padding-left: 30px !important; padding-right: 30px !important; }

        .product-landing-panel-3 { padding-left: 30px !important; padding-right: 30px !important; }

        .product-landing-panel-4 { padding-left: 30px !important; padding-right: 30px !important; }

    }

  	@media screen and (max-width: 1400px) { 
	  
	  .product-landing-panel-3 { height: 740px; }
	
	}

    @media screen and (max-width: 1200px) { 

        body.page-id-34846 { overflow-x: hidden; }
         
        .product-landing-panel-1 { min-height: 800px; text-align: center; }
            .product-landing-panel-1 .text-content.elementor-section { padding-top: 200px!important; text-align: center; }
            .product-landing-panel-1 .elementor-container.elementor-column-gap-no { display: block; }
            .product-landing-panel-1 .elementor-col-50 { width: 100%!important; }
            .product-landing-panel-1 .elementor-widget-image.overlay-image { top: auto; bottom: -550px; }
            .product-landing-panel-1 .elementor-heading-title { font-size: 60px!important; }
            .product-landing-panel-1 .featured-text.top { font-size: 22px!important; line-height: 30px!important; }
            .product-landing-panel-1 .featured-text { font-size: 20px!important; line-height: 28px!important; }
            .product-landing-panel-1 p { text-align: center!important; }
            .product-landing-panel-1 .elementor-widget-image.overlay-image {left: 0px; right: 0px; margin: auto; }
                .product-landing-panel-1 .elementor-widget-image.overlay-image img { width: 1000px; max-width: 1000px; }

        .product-landing-panel-2 .side-cta { margin-bottom: 40px!important; }
        .product-landing-panel-2 .elementor-container.elementor-column-gap-default { display: block; }
        .product-landing-panel-2 .elementor-col-50 { width: 100%!important; }
        .product-landing-panel-2 .elementor-col-50 .elementor-widget-wrap { padding: 0px!important; }

		.product-landing-panel-3 { height: 850px; }
			.product-landing-panel-3 .left-column .elementor-inner-section { max-width: 100%; margin-top: 0px!important; margin-bottom: 60px!important }
			.product-landing-panel-3 .elementor-container.elementor-column-gap-no { display: block; }
			.product-landing-panel-3 .elementor-col-50 { width: 100%!important; }

    }

  	@media screen and (max-width: 1100px) { 
	  
		.product-landing-panel-3 { height: auto; }
	  
	}

    @media screen and (max-width: 850px) { 

        .product-landing-panel-1 .elementor-widget-image.overlay-image { left: -400px; }

        .product-landing-panel-2 form.wpcf7-form .wpcf7-form-control-wrap { width: 100%; margin-bottom: 15px; }

    }

    @media screen and (max-width: 767px) { 

        .product-landing-page-header .buttons .elementor-widget-button { display: none!important; }

    }


.inline-form-styling {  }
    .inline-form-styling form { width: 100%; max-width: 550px; }
    .inline-form-styling .field { margin-bottom: 15px; }
    .inline-form-styling .field input { height: 40px; font-size: 16px; border: none; }
    .inline-form-styling .wpcf7-submit { background: #98c13c; border-color: #98c13c; color: #ffffff; font-size: 18px; font-weight: 600; margin-top: 20px; padding: 7px 20px; border-radius: 5px; }