/*
Theme Name: Mestaging
Theme URI: https://wordpress.org/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Mestaging is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Mestaging will make your WordPress look beautiful everywhere.
Version: 1.0
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: mestaging

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*h1{font-size:53px}
h2 {color: #0deb46; font-family: "Barlow Semi Condensed"; font-size: 53px; font-weight: 400; text-transform: uppercase;}
h3{color: #000000; font-family: "Barlow Semi Condensed Semi Bold"; font-size: 40px; font-weight: 600; line-height: 54px;}
h4{color: #000000; font-family: "Barlow Semi Condensed Light"; font-size: 35px; font-weight: 300; text-transform: uppercase;}
h5{ font-size: 30px; }*/

body{ margin: 0; padding: 0; }
/*#header .elementor-container{ max-width: 1440px; }*/
#header.fixed-header { background-color: #000 !important;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.logo-video .elementor-fit-aspect-ratio{ padding-bottom: 100% !important; }
.logo-video .elementor-custom-embed-image-overlay{ width: 100.4% !important; pointer-events: none;}
.elementor-nav-menu--main .elementor-nav-menu > li:after{ content: ""; width: 1px; height: 14px; background-color: #fff; position: absolute; right: -11px; top: 14px; }
.elementor-nav-menu--main .elementor-nav-menu > li:last-child:after{ display: none; }
.elementor-nav-menu--main .elementor-nav-menu a{ padding-top: 8px !important; }
.elementor-nav-menu--main .elementor-nav-menu li.menu-item-has-children a:after{ display: none; }
.elementor-nav-menu--main .secondlast-menu{ margin-right: 0 !important; }
.elementor-nav-menu--main .secondlast-menu:after{ display: none; }
.elementor-nav-menu--main .lets-menu-btn{ display: none; }
.elementor-nav-menu--main .elementor-nav-menu > li .sub-arrow i:before{ color:#0deb46; }
.elementor-nav-menu--main .elementor-nav-menu .sub-menu li{ border:1px solid #0deb46; border-top: none; }
.elementor-nav-menu--main .elementor-nav-menu .sub-menu li:first-child{ border-top:1px solid #0deb46;}
.elementor-nav-menu--main .elementor-nav-menu .sub-menu li a{ padding: 13px 10px; }
.elementor-nav-menu--main .elementor-nav-menu li:hover .sub-menu {display: block !important;}

.elementor-nav-menu--dropdown .lets-menu-btn a{font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; color: #000000 !important; background-color: #0deb46; font-family: "Barlow Semi Condensed", Sans-serif; padding: 12px 24px !important; border: none !important;}
.elementor-nav-menu--dropdown .lets-menu-btn a:hover{ background-color: #0deb46 !important; box-shadow: 0 0 11px 6px rgba(13, 235, 70, 0.64);}
.elementor-nav-menu--dropdown .lets-menu-btn a:after{ display: none; }
.elementor-nav-menu--dropdown .lets-menu-btn a:before{ display: none; }

.btn-green a:hover{box-shadow: 0 0 11px 6px rgba(13, 235, 70, 0.64);}
.btn-green-w225 a{ width: 225px !important; max-width: 100%; }
.btn-green-w514 a{ width: 514px !important; max-width: 100%; }

#home-services .elementor-container{ max-width: 1440px; }
/*.inbound-marketing-service .elementor-image-box-title{ margin-bottom: 78px; }*/
.banner-shape:after{ content: ""; background:url(./images/header-shape2.svg) no-repeat center bottom; background-size: cover; width: 100%; height: 100%; position: absolute; top: 40%; z-index: -1;}
.our-customer-title{ margin-top: -400px; }
.testimonial-section .elementor-testimonial__footer{display: -webkit-flex; -webkit-flex-direction: column-reverse; display: flex; flex-direction: column-reverse; }
.testimonial-section .elementor-testimonial__image img{ width: auto !important; }
.testimonial-section .elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{ margin-top: 0; }
.our-team-title{ width: 461px !important; height: 461px; margin: -170px auto 0 auto; padding-top: 70px !important; }
.green-divider .elementor-divider-separator{ position: relative; }
.green-divider .elementor-divider-separator:before{ content: ""; background-color: #0deb46; width: 2px; height: 9px; position: absolute; left:0; top: -6px;  }
.green-divider .elementor-divider-separator:after{ content: ""; background-color: #0deb46; width: 2px; height: 9px; position: absolute; right:0; top: -6px; }

.white-divider .elementor-divider-separator{ position: relative; }
.white-divider .elementor-divider-separator:before{ content: ""; background-color: #fff; width: 2px; height: 9px; position: absolute; left:0; top: -6px;  }
.white-divider .elementor-divider-separator:after{ content: ""; background-color: #fff; width: 2px; height: 9px; position: absolute; right:0; top: -6px; }

.circle-title{ width: 461px !important; height: 461px; margin:0 auto; border:none !important; z-index: 1;
background: rgb(48,35,174); /* Old browsers */
background: -moz-linear-gradient(top, rgba(48,35,174,1) 0%, rgba(83,160,253,1) 50%, rgba(180,236,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(48,35,174,1) 0%,rgba(83,160,253,1) 50%,rgba(180,236,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(48,35,174,1) 0%,rgba(83,160,253,1) 50%,rgba(180,236,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3023ae', endColorstr='#b4ec51',GradientType=0 ); /* IE6-9 */}
.circle-title:after{ content: ""; background-color: #fff; display: inline-block; position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; border-radius: 50%; }
.circle-title .elementor-container{ z-index: 1; }
.contact-footer-wrap{}
.contact-title{ margin-top: -120px; }
.hubspot-partner .gallery{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.policy-terms li:before{ content: ""; background-color: #fff; width: 1px; height: 13px; position: absolute; top: 7px; left: -7px; }
.policy-terms li:first-child:before{ display: none; }


.launching-section .elementor-slide-heading{ border-bottom: 3px solid #0deb46; position: relative; padding-bottom: 25px; }
.launching-section .elementor-slide-heading:before{ content: ""; background-color: #0deb46; width: 2px; height: 9px; position: absolute; left:0; bottom:-6px;  }
.launching-section .elementor-slide-heading:after{ content: ""; background-color: #0deb46; width: 2px; height: 9px; position: absolute; right:0; bottom:-6px; }
.launching-section #slick-slide20 .elementor-slide-heading{ color: #9ad87f; border-color: #9ad87f;}
.launching-section #slick-slide11 .elementor-slide-heading:before{background-color: #9ad87f;}
.launching-section #slick-slide11 .elementor-slide-heading:after{background-color: #9ad87f;}
.launching-section #slick-slide12 .elementor-slide-heading{ color: #b3eb53; border-color: #b3eb53;}
.launching-section #slick-slide12 .elementor-slide-heading:before{background-color: #b3eb53;}
.launching-section #slick-slide12 .elementor-slide-heading:after{background-color: #b3eb53;}
.launching-section #slick-slide13 .elementor-slide-heading{ color: #59a5f0; border-color: #59a5f0;}
.launching-section #slick-slide13 .elementor-slide-heading:before{background-color: #59a5f0;}
.launching-section #slick-slide13 .elementor-slide-heading:after{background-color: #59a5f0;}
.launching-section #slick-slide14 .elementor-slide-heading{ color: #59a5f0; border-color: #59a5f0;}
.launching-section #slick-slide14 .elementor-slide-heading:before{background-color: #59a5f0;}
.launching-section #slick-slide14 .elementor-slide-heading:after{background-color: #59a5f0;}
.launching-section:before{ content: ""; width: 100%; height: 150px; position: absolute; left: 0; top: 0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
.launching-section:after{ content: ""; background:url(./images/launching-bg.png) no-repeat center center; background-size: cover; width: 1400px; height: 1400px; position: absolute !important; top: -140px; right:50%; z-index: -1;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 5000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 5000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 5000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.slick-slide:focus {outline: none; }
a:focus {outline: none; }
.launching-slider .elementor-slick-slider ul.slick-dots li{ margin:0 19px; }
.launching-slider .elementor-slick-slider ul.slick-dots li button:before{border:2px solid #0deb46; background-color: transparent; font-size: 0 !important; border-radius: 50%;}
.launching-slider .elementor-slick-slider ul.slick-dots li.slick-active button:before{ background-color: #0deb46; }
.launching-slider .elementor-slick-slider ul.slick-dots li button:focus:before, .launching-slider .elementor-slick-slider ul.slick-dots li button:hover:before{ background-color: #0deb46; }
.launching-slider .elementor-slick-slider .social-media{ margin:0; padding:0; display: inline-block; }
.launching-slider .elementor-slick-slider .social-media li{ list-style: none; display: inline-block; margin: 5px 10px; }
.launching-slider .elementor-slick-slider .social-media li a{ color: #000; }
.launching-slider .elementor-slick-slider .social-media li a:hover{ color: #0deb46; }

.team-section .elementor-image-box-img img{ border-radius: 50%; min-width:280px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.team-section .nextrow-team{ display: none; }
#btn-show-team a{ cursor: pointer; }
.team-member{ padding: 0 10px; }
.team-slider .slick-prev, .team-slider .slick-next {font-size: 0; line-height: 0; position: absolute; top: 33%; display: block; width: 16px; height: 26px; margin-top: -13px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; }
.team-slider .slick-prev {left: -50px; background:url(./images/prev-arrow.png) no-repeat left center;}
.team-slider .slick-next {right: -50px; background:url(./images/next-arrow.png) no-repeat left center;}

.team-slider .slick-dots {position: absolute; left:0; right: 0; top:100%; text-align: center; padding: 0; margin: 20px 0 0 0;}
.team-slider .slick-dots li {position: relative; display: inline-block; width: 18px; height: 18px; margin: 0 8px; padding: 0; cursor: pointer;}
.team-slider .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 18px; height: 18px; cursor: pointer; color: transparent; border: 1px solid #0deb46; background-color: transparent; border-radius: 50%;}
.team-slider .slick-dots li button:focus{ border:none; outline: none; }
.team-slider .slick-dots li.slick-active button{ background-color: #0deb46; }

.team-slider .team-member .social-media{ margin:15px 0 0 0; padding:0; display: inline-block; }
.team-slider .team-member .social-media li{ list-style: none; display: inline-block; margin: 5px 7px; }
.team-slider .team-member .social-media li a{ color: #0deb46; font-size: 25px; }
.team-slider .team-member .social-media li a:hover{ color: #fff; }

.latest-blog{ width: 100%; display: inline-block; margin:23px 0 85px 0; }
.latest-blog .blog-content{ width: 50%; display: inline-block; color: #000000; font-family: "Barlow Semi Condensed"; font-size: 24px; font-weight: 300; line-height: 30px; vertical-align: top; padding-right: 20px;}
.latest-blog .blog-content p{ margin:0 0 5px 0; }
.latest-blog .blog-content h3{ color: #000000; font-size: 30px; font-weight: 300; line-height: 32px; margin:3px 0 6px 0; }
.latest-blog .blog-content h3 a{ color: #000000;}
.latest-blog .blog-content span{ display: block; width: 100%; color: #6c6e70; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 400; margin-bottom: 6px; }
.latest-blog .blog-content .btn-link{color: #0deb46; font-family: "Barlow Semi Condensed"; font-size: 14px; font-weight: 600; text-decoration: underline; text-transform: uppercase; }
.latest-blog .blog-content .btn-link:hover{ color: #000; text-decoration: none; }

.latest-blog .blog-image{ width: 50%; display: inline-block; text-align: right; }
.latest-blog .blog-image img{ width: 433px; max-height: 219px; object-fit: cover; vertical-align: top; }

.hbspt-form input.hs-input,.hbspt-form textarea.hs-input,.hbspt-form select.hs-input{border:1px solid #000000!important;background-color:#ffffff;height:34px!important;border-radius:0;box-sizing:border-box!important;padding:4px 13px;width:100%!important;max-width:100%;font-family:arial;font-family:"Barlow Semi Condensed",Sans-serif;font-size:20px;font-weight:400;letter-spacing:0.25px;line-height:28px;color:#000;}
.hbspt-form textarea.hs-input{border: 1px solid #000000; background-color: #ffffff; height: 137px !important; resize: none; vertical-align: top;}
.hbspt-form .hs-richtext{ color: #fff !important; font-family: "Barlow Semi Condensed" !important; padding-right: 18px; margin-top: -10px; margin-bottom: 20px;}
.hbspt-form .hs-richtext a{ color: #fff; }
.hbspt-form .hs-richtext p{margin:0;font-family:"Barlow Semi Condensed";font-size:14px;font-weight:400;line-height:18px;}
.hbspt-form input.hs-input:focus, .hbspt-form textarea.hs-input:focus {border-color: #000; box-shadow:none;}
.hbspt-form input.hs-input:focus{}
.hbspt-form .hs-form fieldset{ max-width: 100%;}
.hbspt-form .hs-form fieldset.form-columns-1 .input{ padding-right: 10px; margin-bottom: 20px; }
.hbspt-form .hs-form fieldset.form-columns-2 .input{ padding-right: 10px; margin-bottom: 20px; }
.hbspt-form .hs-form fieldset .field{ position: relative; }
.hbspt-form .hs-form fieldset label{ margin: 0; font-family: "Barlow Semi Condensed"; }
.hbspt-form .hs-form fieldset label span{ position: absolute; left: 13px; top: 3px; font-size: 20px; font-weight: 400; line-height: 28px; letter-spacing: 0.25px; color: #000; -webkit-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;}
.hbspt-form .hs-form fieldset label span.hs-form-required{ display: none; }
.hbspt-form .hs-form fieldset .hs-fieldtype-textarea{ margin-bottom: 5px; }
.hbspt-form .hs-form fieldset .hs-error-msgs{ background-color: #000; width: auto; display: inline-block !important; padding:0px 15px 2px 15px; position: absolute; right: 18px;    top: 17px}

.hbspt-form .hs-form fieldset .hs-error-msgs label{ color: #f00; font-size: 11px; font-weight: 600; line-height: normal; }

.hbspt-form input.hs-input::-webkit-input-placeholder { color: #000; }
.hbspt-form input.hs-input::-moz-placeholder{ color:#000;}
.hbspt-form input.hs-input:-ms-input-placeholder{ color:#000;}
.hbspt-form input.hs-input:-moz-placeholder{color:#000;}

.hbspt-form textarea::-webkit-input-placeholder { color: #000; }
.hbspt-form textarea::-moz-placeholder{ color:#000;}
.hbspt-form textarea:-ms-input-placeholder{ color:#000;}
.hbspt-form textarea:-moz-placeholder{color:#000;}

.hs-form .hs-submit{ margin-bottom: 10px; margin-top:0; }
.hs-form .hs-submit .actions{ padding: 0px 18px 10px 0px !important; margin-left: 0 !important; }
.hs-form .hs-submit .hs-button{border: 3px solid transparent; background-color: #03021b; color: #0deb46; font-family: "Barlow Semi Condensed"; font-size: 24px; font-weight: 600; text-transform: uppercase; width: 100%; border-radius: 0; line-height: normal; background-image: none; -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1); box-shadow: 0 0 0 1px rgba(255,255,255,1); text-shadow: none; box-sizing: border-box; padding:9px 18px !important;appearance: none; -webkit-appearance: none; cursor: pointer;}
.hs-form .hs-submit .hs-button:hover{border: 3px solid rgba(255,255,255,1) !important; box-shadow:none !important;color: #0deb46;}
.hs-form .hs-submit .hs-button:focus, .hs-form .hs-submit .hs-button:active{ background-image:none !important; background-color: #03021b !important;  border: 3px solid rgba(255,255,255,1) !important; box-shadow:none !important;color: #0deb46;}
.hbspt-form .input.hs-input.error{border: 1px solid #000000 !important;}
.form-bottom-cock{ margin-right: -119px; width:auto !important;}

.hbspt-form .hs-form fieldset .hs-form-field.focused label span{ top: -23px; left: 0; color: #fff; font-size: 11px; }
.hs_error_rollup li label{ color: #fff; }
#footer-contact a{ color: #fff; }
#footer-contact a:hover{ color: #0deb46; }
.home-services-title .circle-title .elementor-widget{ margin-bottom: 0px;}

/*About Page*/
/*.header-shape{ z-index: 1; }*/
.header-shape header{ background-color: transparent !important; }
.header-shape:after{ content: ""; background:url(./images/header-shape2.svg) no-repeat center bottom; background-size: cover; width: 100%; height: 398px; position: absolute; top: 0%; z-index: -1;}
.pageTitle{ width: 365px !important; height: 365px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}


/*Services page*/
.services-icon{ width: 390px !important; height: 390px; box-shadow: 0 0 20px rgba(3, 3, 3, 0.17); -webkit-box-shadow: 0 0 20px rgba(3, 3, 3, 0.17); background-color: #ffffff; border-radius: 100%;  overflow:hidden; margin: 0 auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.services-icon:after{ content: ""; width: 100%; height: 50%; background:url(./images/service-bg.png) no-repeat center 30px; background-size: cover !important; position: absolute; top: 50%; }
.services-icon.serv-half-circle2:after{background:url(./images/serv-half-circle2.png) no-repeat center 30px;}
.services-icon.serv-half-circle3:after{background:url(./images/serv-half-circle3.png) no-repeat center 30px;}
.services-icon.serv-half-circle4:after{background:url(./images/serv-half-circle4.png) no-repeat center 30px;}
.services-icon.serv-half-circle5:after{background:url(./images/serv-half-circle5.png) no-repeat center 30px;}
.services-icon .elementor-image-box-img{min-height: 113px; }
.services-icon .elementor-image-box-content{ padding-top: 30px; }
.services-icon .elementor-image-box-title{ position: relative; z-index: 1; }
.services-icon:hover{box-shadow: 0 0 20px #0deb46; -webkit-box-shadow: 0 0 20px #0deb46;}

/*single services*/
.single-services{ background-position:right -150px top 200px !important; background-size:auto !important; }
.lets-talk a{ color: #03021b; border-bottom: 1px solid #03021b; padding-bottom: 5px; }
.lets-talk a:hover{border-bottom: none; }
.cybersecurity-services .elementor-image-box-title{ margin:20px 0; }
.logos-row1 img{ max-height:42px; width: auto; }
.logos-row2 img{ max-height:42px; width: auto; }
.finTech-logo{ float: none; margin:0 auto; }

/*resrouces page*/
.resrouce-single{ width: 390px !important; height: 390px; box-shadow: 0 0 20px rgba(3, 3, 3, 0.17); -webkit-box-shadow: 0 0 20px rgba(3, 3, 3, 0.17); background-color: #ffffff; border-radius: 100%;  overflow:hidden; margin: 0 auto; /*-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;*/}
.resrouce-single:hover{box-shadow: 0 0 20px #0deb46; -webkit-box-shadow: 0 0 20px #0deb46;}
.resrouce-single .elementor-widget-container{ height: 100%; }
.resrouce-single .elementor-widget-container .elementor-flip-box{ height: 100%; border-radius: 100%; overflow:hidden; }
.resrouce-single .elementor-flip-box__front .elementor-flip-box__layer__description{ position: absolute; top: 25px; left: 0; right: 0; }
.resrouce-single .elementor-flip-box__front .elementor-flip-box__image{ margin-top: 30px; margin-bottom: 0; }
.resrouce-single .elementor-flip-box__back .elementor-flip-box__layer__title{ position: absolute; top: 25px; left: 0; right: 0; }
.resrouce-single .elementor-flip-box__back .elementor-flip-box__layer__description{padding-bottom: 58px; padding-top: 54px;}
.resrouce-single .elementor-flip-box__back .elementor-flip-box__button{ border:none; padding:0; text-decoration: underline; }
.resrouce-single{-webkit-tap-highlight-color: transparent;}
.resrouce-single:hover, .resrouce-single:focus{-webkit-tap-highlight-color: transparent;}

/*Packages page*/
.packages-bg{background-size: 70% auto !important; }
.package-title{ margin:0 !important; }
.package-title:before{ content: ""; border-bottom: 16px solid #f7f7f7; display:inline-block; border-right: 25px solid transparent; height: 0; width: 50%; position: absolute; bottom: 0; left: 0;}
.package-title:after{ content: ""; border-bottom: 16px solid #f7f7f7; display:inline-block; border-left: 25px solid transparent; height: 0; width: 50%; position: absolute; bottom: 0; right: 0;}
.package-price{ margin:0 !important; }
.package-price > div{ min-height: 105px; }
.package-items{ margin:0; }
.package-items .elementor-icon-list-item:after{ width: 45px !important; }
.package-items .elementor-icon-list-item > span{ position: relative; }
.package-items .elementor-icon-list-item > span:before{ content: ""; background-color: #d6d6d6; width: 2px; height: 9px; position: absolute; left:50%; bottom:-21px; margin-left: 22px;  }
.package-items .elementor-icon-list-item > span:after{ content: ""; background-color: #d6d6d6; width: 2px; height: 9px; position: absolute; right:50%; bottom:-21px; margin-right: 21px; }
.package-items .elementor-icon-list-item:last-child > span:before{ display: none; }
.package-items .elementor-icon-list-item:last-child > span:after{ display: none; }
.package-items .elementor-widget-container{ height: 100%; }

.hbspt-career-form .hbspt-form .hs-richtext{ color: #000 !important; }
.hbspt-career-form .hbspt-form .hs-form fieldset .field{ margin-bottom: 18px; }
.hbspt-career-form .hbspt-form .hs-form fieldset .hs-form-field.focused label span{ color: #000 !important; }
.hbspt-career-form input.hs-input[type=file]{padding: 5px 13px !important;}

/*19/3/2019*/
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{ display: block !important; }
.elementor-widget-wrap>.elementor-element{ width: auto; }


/*--RESPONSIVE CSS START--*/
@media (min-width: 2100px) {
.about-bg{ background-size: 52% 100%; }
}

@media (min-width: 1200px) {
 .resrouce-single .elementor-flip-box__image img{ width: auto; }

}

@media (min-width: 1025px) {
 .contact-form{ padding-left: 90px; }
.launching-section .custom-slick-slider img{ max-height: 350px; max-width: 350px; width: auto; }
}

@media (max-width: 1440px) {
.about-bg{ background-size: 50% 90%; }
}

@media (max-width: 1431px) {
.form-bottom-cock{ margin-right: 0px; }
.about-bg{ background-size: 50% 90%; }
.about-form > div{ margin-top: 80px !important; }

}

@media (max-width: 1299px) {
.team-slider{ padding-left: 100px; padding-right: 100px; }
}

@media (max-width: 1200px) {
.team-slider{ padding-left: 50px; padding-right: 50px; }
}

@media (min-width: 1201px) and ( max-width: 1430px) {
.btn-header{ width: 19% !important;}
.single-services{ background-position:right -350px top 200px !important; }
}

@media (min-width: 1025px) and ( max-width: 1200px) {
.btn-header{ width: 21% !important; }
.btn-header .btn-green a{padding: 12px 14px;}
.elementor-widget-nav-menu .elementor-nav-menu--main{ font-size: 18px !important; }
.elementor-nav-menu--main .elementor-nav-menu li{ margin-right: 8px !important; }
.elementor-nav-menu--main .elementor-nav-menu li:after{ right: -5px; }

/*Services page*/
.services-icon{ width: 320px !important; height: 320px;}
.services-icon .elementor-image-box-content { padding-top: 0px;}
.services-icon .elementor-image-box-title{ font-size: 26px !important;}
.about-form .elementor-heading-title{ font-size: 48px !important; }
.single-services{ background-position:right -550px top 200px !important; }

/*resrouces page*/
.resrouce-single{ width: 320px !important; height: 320px;}
.resrouce-single .elementor-flip-box__front .elementor-flip-box__layer__title{ font-size: 24px !important; }

}

@media (min-width: 768px) and (max-width: 1024px) {
/*About page*/
.about-bg{ background-size: 55% 90%; }

/*Services page*/
.header-shape:after{ height: 320px; }
.services-icon{ width: 242px !important; height: 242px;}
.services-icon .elementor-image-box-content { padding-top: 0px;}
.services-icon .elementor-image-box-title{ font-size: 24px !important; margin-top:4px;}

/*resrouces page*/
.resrouce-single{ width: 242px !important; height: 242px;}
.resrouce-single .elementor-flip-box__front{ background-position: center bottom -20px !important; }
.resrouce-single .elementor-flip-box__front .elementor-flip-box__layer__title{ font-size: 20px !important; }
.resrouce-single .elementor-flip-box__front .elementor-flip-box__layer__description{ top: 10px; font-size: 17px !important; }


}

@media (max-width: 1024px) {
.elementor-menu-toggle i{content: ""; background:url(./images/hamburger-menu.png) no-repeat center center;}
.elementor-menu-toggle {-webkit-tap-highlight-color: transparent; width: 50px;}
.elementor-menu-toggle.elementor-active{ background-color: transparent !important; border:none !important; }
.elementor-menu-toggle.elementor-active:focus{ background-color: transparent !important; border:none !important; }
.elementor-menu-toggle.elementor-active i{content: ""; background:url(./images/hamburger-menu-close.png) no-repeat center center; background-size: 70% auto;}
.elementor-menu-toggle i:before{ visibility: hidden; }

.main-logo{ position: absolute !important;}
.main-logo a{ position: relative; z-index: 1; }
.main-menu{ width: 100% !important; }
.header-shape{ z-index: auto; }
.btn-header{ display: none !important; }
.elementor-nav-menu--dropdown .elementor-nav-menu > li{ padding-left: 80px;  padding-bottom: 20px;}
.elementor-nav-menu--dropdown .elementor-nav-menu li a{ border-bottom: 3px solid transparent; position: relative; padding:5px 2px; display: inline-block; }
.elementor-nav-menu--dropdown .elementor-nav-menu li a:hover:before, .elementor-nav-menu--dropdown .elementor-nav-menu li.current-menu-item > a:before, .elementor-nav-menu--dropdown .elementor-nav-menu li.current-menu-parent > a:before{ content: ""; background-color: #0deb46; width: 2px; height: 9px; position: absolute; left:0; bottom:-6px; opacity: 1 !important;  }
.elementor-nav-menu--dropdown .elementor-nav-menu li a:hover:after, .elementor-nav-menu--dropdown .elementor-nav-menu li.current-menu-item > a:after, .elementor-nav-menu--dropdown .elementor-nav-menu li.current-menu-parent > a:after{ content: ""; background-color: #0deb46; width: 2px; height: 9px; position: absolute; right:0; bottom:-6px; opacity: 1 !important;  }
.elementor-nav-menu--dropdown .elementor-nav-menu li a:hover, .elementor-nav-menu--dropdown .elementor-nav-menu li.current-menu-item > a, .elementor-nav-menu--dropdown .elementor-nav-menu li.current-menu-parent > a{ border-color: #0deb46; opacity: 1 !important;}
.elementor-nav-menu__container{ height: 100vh; }
.elementor-nav-menu--dropdown ul{ background-color: #000; }
.sub-menu.elementor-nav-menu--dropdown li.current-menu-item > a{ border-left: 0px solid transparent; margin-left: 8px; }
/*.elementor-nav-menu--dropdown:after{ content:""; background-color: #000; width: 100%; height: 100%; position: absolute; top: 100%; }*/
#home-services{ overflow: hidden; }
#home-services img{ max-height: 283px; }
.circle-title{ width: 361px !important; height: 361px; }
.our-team-title{ width: 361px !important; height: 361px; }

.launching-section .elementor-slide-heading{ font-size: 40px !important; }
.launching-section .elementor-slide-description{ font-size: 20px !important; line-height: 26px !important; }
.custom-slick-slider img{ max-height: 200px; width: auto; }

.latest-blog{margin: 23px 0 35px 0;}
.latest-blog .blog-content{ font-size: 20px; line-height: 26px; }
.latest-blog .blog-content h3{ font-size: 26px; }

.single-services {background-position: left 500px !important; background-size:contain !important;}

/*resrouces page*/
.resrouce-single .elementor-flip-box__front .elementor-flip-box__layer__title{ font-size: 20px !important; }

}

@media (max-width: 767px) {
.main-logo .elementor-widget-image{ text-align: left; }
.banner-shape:after{background-size: contain;top: 99%; background-position: right top;}
#home-services .elementor-image-box-wrapper{display: -webkit-flex; display: flex;}
#home-services .elementor-row > div:first-child .elementor-image-box-wrapper{display: -webkit-flex; -webkit-flex-direction: row-reverse; display: flex; flex-direction: row-reverse;}
#home-services .elementor-row > div:first-child .elementor-image-box-content{padding-left: 0px; padding-right: 20px;}
#home-services .elementor-image-box-content{ text-align: left; padding-left: 20px; }
#home-services .elementor-image-box-content h3{ margin-top: 0;  margin-bottom: 26px; }
#home-services .elementor-image-box-img{ width: 50%; }
/*#home-services .elementor-row > div:first-child .elementor-image-box-wrapper .elementor-image-box-img{width: 73%; margin-right: -50px !important;}
#home-services .elementor-row > div:last-child .elementor-image-box-wrapper .elementor-image-box-img{width: 73%; margin-left: -50px !important;}*/

#home-services img{ width: auto; max-height: 200px; }
/*.launching-section{background:url(./images/lunching-mobile.png) no-repeat center top !important; background-size: 100% 88% !important;}*/
.launching-section:after{ display: none; }
.launching-section > div{ padding-top: 100px; }
.launching-section > div:before{ content: ""; width: 100%; height: 150px; position: absolute; left: 0; top: 0; background:url(./images/lunching-mobile-bg-top.png) no-repeat left top; z-index: -1;}
.launching-section > div:after{ content: ""; width: 100%; height: 160px; position: absolute; left: 0; bottom: 80px; background:url(./images/lunching-mobile-bg-bottom.png) no-repeat center bottom; z-index: -1;}
.launching-section .elementor-slide-heading{ font-size: 30px !important; width: 50%; }
.launching-section .elementor-slide-description{ font-size: 18px !important; line-height: 24px !important; }
.custom-slick-slider{ margin-bottom: -120px; width: 40% !important; float: right;}
.custom-slick-slider img{ max-height: 120px; }
.our-customer-title{ margin-top: 0; }
.our-customer-title .circle-title{ background:none; height: auto; padding:25px 0px 0px 0px !important; }
.our-customer-title .circle-title br{ display: none; }

.circle-title{ width: 300px !important; height: 300px; }
.our-team-title{ width: 300px !important; height: 300px;}
.team-slider{ padding-left: 20px; padding-right: 20px; }
.team-slider .slick-prev { left: -25px;}
.team-slider .slick-next { right: -25px;}
.hubspot-partner .gallery-item{ padding-right: 20px !important; padding-bottom: 0 !important; display: inline !important; }
.hubspot-partner .gallery{ margin:0 !important; }
.logos-row1{ width: 50% !important; float: left; padding: 10px 10px 50px 10px !important; }
.logos-row1 .elementor-image{ text-align: center; }
.logos-row1 .elementor-image img{ width: 116px; }
.logos-row2{ width: 50% !important; float: left; padding: 10px 10px 50px 10px !important;}
.logos-row2 .elementor-image { text-align: center; }
.logos-row2 .elementor-image img{ width: 116px; }
.latest-blog {display: -webkit-flex; -webkit-flex-direction: column-reverse; display: flex; flex-direction: column-reverse;}
.latest-blog .blog-content{ width: 100%; padding-right: 0; }
.latest-blog .blog-image{ width: 100%; text-align: left; }
.latest-blog .blog-content h3{ font-size: 24px; line-height: 32px; font-weight: 400; margin-top: 23px; margin-bottom: 11px; }
.latest-blog .blog-content span{ margin-bottom: 11px; }


.form-bottom-cock img{ height: 90px !important; }
.contact-title { margin-top: 0px;}
.hbspt-form .hs-form fieldset label span{ font-size: 16px; }

/*About page*/
.about-bg{ background: none !important; }
.about-form{ display: none !important; }

/*Services page*/
.header-shape:after{ height: 200px; background-position: right -180px bottom; }
.pageTitle{ width: 250px !important; height: 250px; }
.services-icon{ width: 280px !important; height: 280px;}
.services-icon .elementor-image-box-content { padding-top: 0px;}
.services-icon .elementor-image-box-title{ font-size: 24px !important;}

/*single services*/
.cybersecurity-services .elementor-image-box-wrapper{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left !important;  -webkit-box-align: center;
           -ms-flex-align: center; align-items: center;}
.cybersecurity-services .elementor-image-box-wrapper .elementor-image-box-img{ margin-right: 30px !important; margin-bottom: 0 !important; width: 50px !important;}
.cybersecurity-services .elementor-image-box-title { margin: 10px 0;}

/*resrouces page*/
.resrouce-single{ width: 280px !important; height: 280px;}
.resrouce-single .elementor-flip-box__front{background-position: center bottom -30px !important;}
.resrouce-single .elementor-flip-box__back .elementor-flip-box__layer__description{padding-bottom: 0px; padding-top: 30px;}

/*Packages page*/
.main-package-title:after{content: "\f105"; font: normal normal normal 45px/1 FontAwesome; color: #fff; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main-package-title.active:after{content: "\f107";}
.core-title .main-package-title:after{content: "\f107";}
.core-title .main-package-title.active:after{content: "\f105";}
.main-package-title .elementor-widget-container{background:url(./images/core-top-mobile.png) no-repeat left center !important; background-size: cover !important;}
.main-package-title.add-ons-title .elementor-widget-container{background:url(./images/add-ons-top-mobile.png) no-repeat left center !important; background-size: cover !important;}

.package-title{ width: 55%; float: left;}
.package-title:before {border-right: 13px solid #f7f7f7; border-top: 20px solid transparent; height: 50%; width: 0; position: absolute; bottom: 0; right: 0; left: inherit; }
.package-title:after {border-right: 13px solid #f7f7f7; border-bottom: 20px solid transparent; height: 50%; width: 0; position: absolute; top: 0; right: 0; }
.package-price{ width: 45%; float:left;}
.package-price:after{content: "\f105"; font: normal normal normal 45px/1 FontAwesome; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.package-price.active:after{content: "\f107";}
#packages-wrap{ background:none !important; }
.all-package.add-ons{ display: none; }
.all-package .elementor-widget-wrap{ background-color: #f7f7f7; }
.all-package .elementor-widget-wrap .package-title{ min-height: 105px; }
.all-package .elementor-widget-wrap .package-title > div{ min-height: 105px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.all-package .elementor-widget-wrap .package-price{ min-height: 105px; }
.all-package .elementor-widget-wrap .package-price > div{ min-height: 105px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.all-package .elementor-widget-wrap .package-title .elementor-widget-container{background:url(./images/core-top-mobile.png) no-repeat left center !important; background-size: cover !important;}
.all-package.add-ons .elementor-widget-wrap .package-title .elementor-widget-container{background:url(./images/add-ons-top-mobile.png) no-repeat left center !important; background-size: cover !important;}
.package-items{ width: 100%; height: auto !important; float:left; display: none;}
.package-items .elementor-icon-list-item:after{ width: 100% !important; }
.package-items .elementor-icon-list-item > span{ width: 100%; }
.package-items .elementor-icon-list-item > span:before{left:0; margin-left: 0px;  }
.package-items .elementor-icon-list-item > span:after{right:0; margin-right: 0px; }
.btn-package-contact .btn-green-w514 a{ width: 225px !important; padding:11px 24px 11px 24px !important; }
}

@media (max-width: 480px) {
.contact-footer-wrap{background:url(./images/footer-bg-mobile.png) no-repeat center top !important; background-size: 100% 100% !important;}
.hbspt-form .hs-form fieldset.form-columns-1 .input{ padding-right: 0px; margin-right: 0; }
.hbspt-form .hs-form fieldset.form-columns-2 .input{ padding-right: 0px; margin-right: 0; }
.hbspt-form .hs-richtext{ padding-right: 0; }
.hs-form .hs-submit .actions{ padding-right: 0 !important; }
.hbspt-form .hs-form fieldset .hs-error-msgs{ right: 0px;}
.team-section .elementor-image-box-img img{min-width: 220px;}
}