*{box-sizing:border-box;}
body{
    font-family: 'Product Sans';
    font-size:18px;
    line-height:1.4;
    color:rgba(32, 35, 36, 1);
    margin: 0;
    position: relative;
}
a,span,i{display:inline-block;}
img{max-width:100%;height:auto;}

@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Regular.woff2') format('woff2'),
        url('../fonts/ProductSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans Bold';
    src: url('../fonts/ProductSans-Bold.woff2') format('woff2'),
        url('../fonts/ProductSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans Light';
    src: url('../fonts/ProductSans-Light.woff2') format('woff2'),
        url('../fonts/ProductSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans Medium';
    src: url('../fonts/ProductSans-Medium.woff2') format('woff2'),
        url('../fonts/ProductSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans Thin';
    src: url('../fonts/ProductSans-Thin.woff2') format('woff2'),
        url('../fonts/ProductSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/*-- Icomoon --*/
@font-face {
    font-family: 'icomoon';
    src:  url('../icons/icomoon.eot?oka1vw');
    src:  url('../icons/icomoon.eot?oka1vw#iefix') format('embedded-opentype'),
      url('../icons/icomoon.ttf?oka1vw') format('truetype'),
      url('../icons/icomoon.woff?oka1vw') format('woff'),
      url('../icons/icomoon.svg?oka1vw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
.icon-inverted-comma:before {
    content: "\e904";
}
.icon-arrange-square-2:before {
    content: "\e900";
}
.icon-convert-3d-cube:before {
    content: "\e901";
}
.icon-cutresourcecost:before {
    content: "\e902";
}
.icon-email:before {
    content: "\e903";
}
.icon-map:before {
    content: "\e905";
}
.icon-people:before {
    content: "\e906";
}
.icon-phone:before {
    content: "\e907";
}
.icon-savetime:before {
    content: "\e908";
}
.icon-star:before {
    content: "\e909";
}
.icon-trend-up:before {
    content: "\e90a";
}
.icon-user-octagon:before {
    content: "\e90b";
}
.icon-watch-video:before {
    content: "\e90c";
}
  
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }


/*-- Common --*/
.bggreen{background-color:rgba(45, 182, 126, 1);}
.bgblue{background-color:rgba(221, 230, 255, 0.25);}
.bggrey{background: rgba(32, 35, 36, 1);}
.bgoffwhite{background: rgba(249, 249, 249, 1);}
.container{ padding:0 15px; margin:0 auto; }
h1,.h1{
    font-family: 'Product Sans Bold';
    font-size:54px;
    line-height:1.2;
    color:rgba(255, 255, 255, 1);
    margin:0;
}
h2,.h2{
    font-family: 'Product Sans Bold';
    font-size:42px;
    line-height:1.2;
    color:rgba(32, 35, 36, 1);
    margin: 0;
}
h3,.h3{
    font-family: 'Product Sans Bold';
    font-size:22px;
    line-height:1.2;
    color:rgba(32, 35, 36, 1) ;
    margin: 0;
}
p,.p{
    font-family: 'Product Sans';
    font-size:18px;
    line-height:1.2;
    color:rgba(32, 35, 36, 1);
    margin: 0;
}
.primarybttn {
    font-family: 'Product Sans Medium';
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    border: 2px solid rgba(32, 35, 36, 1);
    color: #ffffff;
    background-color: rgba(32, 35, 36, 1);
    text-transform: uppercase;
    padding: 14px 30px;
    border-radius: 70px;
    gap: 20px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    transition:0.3s all ease-in-out;
}
.primarybttn.white {
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
    color: rgba(32, 35, 36, 1);
}
.pt80{
    padding-top: 80px;
}
.pb80{
    padding-bottom: 80px;
}

/*-- Homepage --*/
.header-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.header-site {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    padding:16px 0;
    z-index:999;
    transition:0.3s all ease-in-out;
}
.header-site.siteheader--stick {
    background-color: rgba(45, 182, 126, 1);
    box-shadow: 0 14px 20px -4px rgba(0, 0, 0, 0.1);
}
.bannerSection{ padding: 165px 0 300px; }
.bannerWrap {
    max-width: 863px;
    margin: 0 auto;
    text-align: center;
}
.bannerWrap p {
    padding: 36px 0;
    color: #ffffff;
    opacity: 0.7;
}
.bttn-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.headbttn a {
    font-family: 'Product Sans Medium';
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(255, 255, 255, 1);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 14px 21px;
    border-radius: 70px;
    transition:0.3s all ease-in-out;
}
.header-wrapper .rightHead {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;}

.headbttn.black a,.headbttn a:hover {
    background-color: rgba(32, 35, 36, 1);
    border-color: rgba(32, 35, 36, 1);
    text-transform: uppercase;
}
.headbttn.black a:hover{
    background-color:transparent ;
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}
.header-wrapper .rightHead nav .menu-toggle {
    display: none;
}
.header-wrapper .rightHead nav .menu-primary-menu-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.benefitsWrap h2 {
    text-align: center;
    margin-bottom: 26px;
}
.benefitsRows {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}
.benefitsCols {
    border: 2px solid rgba(65, 58, 164, 0.1);
    border-radius: 16px;
    padding: 30px 30px 40px;
}
.benefitsBoxwrap h3 { margin: 20px 0 14px;color:rgba(32, 35, 36, 1);}
.benefitsBoxwrap p{color:rgba(32, 35, 36, 1);opacity:0.7;}
.benefitsBoxwrap i { font-size: 40px; }
.primarybttn.border {
    border: 2px solid rgba(32, 35, 36, 0.15);
    background-color: transparent;
    color: rgba(32, 35, 36, 1);
}
.primarybttn.border i { color: rgba(230, 76, 27, 1); }
.downloadSection{ margin-bottom:-249px;position: relative;z-index:1;padding-top: 130px;}
.downloadWrap {
    background: rgba(32, 35, 36, 1);
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 105px 0 80px;
    justify-content: space-between;
    max-width: 1196px;
    margin: 0 auto;
    align-items: center;
}
.downloadLeft { max-width: 367px; }
.downloadRight img {
    display: block;
    margin-top: -50px;
}
.downloadLeft h2,.downloadLeft p { color: #ffffff; }
.downloadLeft p { padding: 18px 0 30px; opacity: 0.7; }
.downloadwrap {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
}
.downloadwrap a,.downloadwrap a img { display: block; }
.featuredWrap h2 {
    text-align: center;
    margin-bottom: 26px;
}

.featuredWrap{
    max-width:1080px;
    margin:0 auto;
}
.featuredRows {
    display: flex;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 1);
    border-radius:16px;
    border: 2px solid rgba(65, 58, 164, 0.05);
    overflow: hidden;
}
.featuredContentwrap {
    padding: 48px;
    max-width: calc(100% - 400px);
    width: 100%;
}
.featuredImgwrap {
    width: 400px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color:rgba(65, 58, 164, 0.05);
}
.featuredContentwrap ul {
    margin: 18px 0;
    padding: 0;
    list-style: none;
}

.featuredContentwrap ul li,.affordPricingCols .bottom ul li {
    font-size: 18px;
    line-height: 1.2;
    color: rgba(32, 35, 36, 1);
    opacity: 0.7;
    position: relative;
    padding-left: 30px;
}
.featuredContentwrap ul li::before,.affordPricingCols .bottom ul li::before {
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6386 0.469671C10.3457 0.176776 9.87082 0.176776 9.57793 0.469671C9.28504 0.762565 9.28504 1.23744 9.57793 1.53033L13.3557 5.30812H0.999989C0.585782 5.30812 0.25 5.64391 0.25 6.05812C0.25 6.47234 0.585782 6.80812 0.999989 6.80812H13.3561L9.57793 10.5864C9.28504 10.8793 9.28504 11.3541 9.57793 11.647C9.87082 11.9399 10.3457 11.9399 10.6386 11.647L15.6968 6.58868C15.8375 6.44803 15.9165 6.25726 15.9165 6.05835C15.9165 5.85944 15.8375 5.66867 15.6968 5.52802L10.6386 0.469671Z' fill='%23202324'/%3E%3C/svg%3E%0A");
    height: 16px;
    background-size: 16px;
    width: 22px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 2px;
}
.featuredContentwrap ul li + li { margin-top: 10px; }
.featuredRows + .featuredRows{margin-top: 10px;}
.featuredRowsWrap .featuredRows:nth-child(even) .featuredImgwrap { order: 1; }
.featuredRowsWrap .featuredRows:nth-child(3n-1) {
    border-color: rgba(45, 182, 126, 0.05);
}
.featuredRowsWrap .featuredRows:nth-child(3n-3) {
    border-color: rgba(230, 76, 27, 0.05);
}

.featuredRowsWrap .featuredRows:nth-child(3n-1) .featuredImgwrap {
    background: rgba(45, 182, 126, 0.1);
}

.featuredRowsWrap .featuredRows:nth-child(3n-3) .featuredImgwrap {
    background: rgba(232, 159, 10, 0.05);
}
.counterRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.counterCols { text-align: center; }
.counterCols i { color: rgba(232, 159, 10, 1); font-size: 48px; line-height: 1.2; }
.counterCols h3,.counterCols p { color: #ffffff; }
.counterCols h3 { font-size: 66px; line-height: 1.2; }
.counterCols p { color: rgba(233, 233, 234, 1); opacity: 0.7; }
.counterSection { padding: 60px 0; }
.featuredSection { padding:329px 0 90px; }
.specialtiesWrap h2 {
    text-align: center;
    margin-bottom: 26px;
}
.specialtiesRows {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.specialtiesCols {
    background: rgba(255, 255, 255, 1);
    border: 2px solid rgba(65, 58, 164, 0.1);
    border-radius: 16px;
    padding: 30px 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.specialtiesLeft { max-width: 120px; }
.specialtiesRight { max-width: calc(100% - 160px); }
.specialtiesRight p {
    margin-top: 16px;
    opacity: 0.7;
}
.primarybttn.borderwhite {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(32, 35, 36, 0.15);
    color: rgba(32, 35, 36, 1);
}
.specianlbttngroup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 26px;
}
.affordPricingWrap .titlewrap {
    text-align: center;
}

.affordPricingWrap .titlewrap p {
    margin-top: 10px;
    opacity: 0.7;
}

.affordPricingRows {
    display: flex;
    flex-wrap: wrap;
    border: 2px solid rgba(34, 0, 34, 0.05);
    border-radius: 16px;
    justify-content: center;
    max-width:1404px;
    margin:77px auto 0;
}
.affordPricingCols { width: 345px; max-width: 100%; }
.affordPricingCols.pro { width: 365px; }
.affordPricingCols .top { padding: 22px 24px;border-bottom: 2px solid rgba(32, 35, 36, 0.1)}
.affordPricingCols .top .red {
    font-family: 'Product Sans Bold';
    font-size: 22px;
    line-height: 1.2;
    text-transform: uppercase;
    color: rgba(230, 76, 27, 1);
}
.affordPricingCols .top h3 { font-size: 54px; }
.affordPricingCols .top h3 span {
    font-family: 'Product Sans';
    font-weight: normal;
}
.affordPricingCols + .affordPricingCols{border-left: 2px solid rgba(34, 0, 34, 0.05)}
.affordPricingCols .bottom { padding: 24px 24px 25px; }
.affordPricingCols .bottom h4 {
    font-family: 'Product Sans Bold';
    font-size: 22px;
    line-height: 1.2;
    color: rgba(32, 35, 36, 1);
    margin: 0;
    opacity: 0.7;
}

.affordPricingCols .bottom ul {
    margin: 0;
    padding: 18px 0 24px;
    list-style: none;
}
.affordPricingCols .bottom ul li + li{margin-top: 14px;}
.affordPricingCols.pro {
    margin-top: -24px;
    margin-bottom: -24px;
    background: rgba(45, 182, 126, 1);
    border-radius: 16px;
}
.affordPricingCols.pro .top { border-color: rgba(230, 76, 27, 0.1); }
.affordPricingCols.pro .top span.red,.affordPricingCols.pro .top h3 { color: #ffffff; }
.affordPricingCols.pro .bottom h4 { color: #ffffff; }
.affordPricingCols.pro .bottom ul li { color: #ffffff; opacity: 1; }
.affordPricingCols.pro .bottom ul li + li { margin-top: 16px; }
.affordPricingCols .bottom .primarybttn {
    width: 100%;
    text-align: center;
    justify-content: center;
    position: relative;
}
.affordPricingCols .bottom .primarybttn i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.testimonialSliderSec .titlewrap {
    text-align: center;
    margin-bottom: 26px;
}
.testimonialSlider {
    background: rgba(255, 255, 255, 1);
    border: 2px solid rgba(65, 58, 164, 0.1);
    padding: 40px;
    border-radius: 16px;
    margin:0 10px;
    position: relative;
}
.testimonialSliderWrap {
    max-width: 710px;
    margin: 0 auto;
    padding-bottom: 36px;
}
.testimonialSliderWrap .slick-list {
    overflow: visible !important;
}
.testimonialSliderSec {
    overflow: hidden;
}
.testimonialSlider > p { font-size: 22px; }
.testimonialSlider .author {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}
.testimonialSlider .author .left img { display: block; }
.testimonialSlider .author .right h4 {
    font-size: 18px;
    line-height: 1.2;
    color: rgba(32, 35, 36, 1);
    margin: 0;
}
.testimonialSlider .author .right p {
    font-size: 16px;
    opacity: 0.7;
    margin-top: 3px;
}
.faqsSection .title { text-align: center; margin-bottom: 26px; }
.faqsBody { display: none; padding-top: 20px; }
.faqsWrap {
    max-width: 950px;
    margin: 0 auto;
}
.faqsBoxwrap {
    border: 2px solid rgba(65, 58, 164, 0.05);
    font-family: 'Product Sans';
    padding: 22px 22px;
    border-radius: 16px;
    transition: 0.3s all ease;
}
.faqsHead {cursor: pointer;padding-right: 30px;position: relative;}
.faqsHead::before,.faqsHead::after{
    content:'';
    position:absolute;
    width:24px;
    height:24px;
    top:2px;
    right:0;
    background:rgba(65, 58, 164, 1);
    transition:0.3s all ease-in-out;
}
.faqsHead::before{
    width:24px;
    height:2px;
    top:13px;
}
.faqsHead::after{
    width:2px;
    height:24px;
    right: 10.5px;
}
.faqsHead h3 {
    font-family: 'Product Sans';
    font-weight: normal;
}
.faqsBoxwrap + .faqsBoxwrap { margin-top: 10px; }
.faqsBoxwrap.is-open {
    background: rgba(65, 58, 164, 0.05);
    border-color: rgba(65, 58, 164, 0.05);
}
.faqsBody p {opacity: 0.7;}
.faqsBoxwrap.is-open .faqsHead::before {
    transform: rotate(90deg);
    opacity: 0;
}
.faqsBoxwrap.is-open .faqsHead::after {
    transform: rotate(90deg);
    background: rgba(230, 76, 27, 1);
}
.requestCallWrap {
    max-width: 1196px;
    margin: 0 auto;
    background: rgba(32, 35, 36, 1);
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 40px 115px;
    justify-content: space-between;
}
.requestCallLeft img { display: block; }
.requestCallRight span,.requestCallRight h2 { color: #ffffff; }
.requestCallRight { width: 494px; max-width: 100%; }
.requestCallRight h2 { margin: 2px 0 20px; }
.requestCallRight span { opacity: 0.7; }
.requestCallRight form { width: 100%; position: relative; }
.requestCallRight form input[type="email"] {
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
    padding: 11px 20px;
    border-radius:60px;
}

.requestCallRight form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    line-height: 1;
    background: rgba(230, 76, 27, 1);
    color: #ffffff;
    border: 0;
    padding: 16px 24px;
    text-transform: uppercase;
    border-radius: 80px;
    cursor: pointer;
}
.footerInfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.footerInfo p { opacity: 0.4; }
.footerInfo ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.footerInfo ul a {
    text-decoration: none;
    color: rgba(32, 35, 36, 1);
    opacity: 0.4;
}
.footerInfo ul li + li {
    border-left: 1px solid rgba(32, 35, 36, 0.4);
    padding-left: 20px;
    margin-left: 20px;
}
.footerInfo ul li { line-height: 1; }
.footerInfowrap{padding:22px 0;border-top:1px solid rgba(32, 35, 36, 0.1);}
.footerRows {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.footerCols a {
    font-family: 'Product Sans';
    font-size: 18px;
    line-height: 1.4;
    text-decoration: none;
    color: rgba(32, 35, 36, 0.7);
    width:100%;
    max-width: calc(100% - 50px);
}
.footerCols i {
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 1;
    background: rgba(65, 58, 164, 0.1);
    border-radius: 50%;
    color: rgba(65, 58, 164, 1);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.footerCols {
    width: 345px;
    max-width: 100%;
    gap: 10px;
    display: flex;
    align-items:flex-start;
    flex-wrap: wrap;
}
.footerWrap{ padding:216px 0 60px; }
.footerRows .footerCols:nth-child(2) a, .footerRows .footerCols:nth-child(3) a { margin-top: 6px; }
.requestCallsec {
    margin-bottom: -140px;
    position: relative;
    z-index: 9;
}
.slick-dots {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    list-style: none;
    justify-content: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    gap: 8px;
    bottom: 0;
}
.slick-dots button {
    font-size: 0;
    line-height: 0;
    width: 10px;
    height: 10px;
    padding: 0;
    background: rgba(233, 233, 234, 1);
    border: 1px solid rgba(32, 35, 36, 0.15);
    outline: 0;
    border-radius: 70px;
    display: block;
}
.slick-dots li { line-height: 1; }
.slick-dots .slick-active button {
    width: 16px;
    background: rgba(65, 58, 164, 1);
    border: 2px solid rgba(65, 58, 164, 1);
}
.affordPricingRows > div:nth-child(even) .bottom .primarybttn {
    background-color: transparent;
    color: rgba(32, 35, 36, 1);
}
.testimonialSlider i {
    position: absolute;
    right: 24px;
    bottom: 24px;
    font-size: 80px;
    line-height: 1;
    color: rgba(65, 58, 164, 0.05);
}
.laptopSliderWrap { text-align: center;position: relative;}
.Laptopsliderboxwrap {
    position: absolute;
    top:50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.Laptopsliderbox img { margin: 0 auto; }
.Laptopsliderboxwrap .slick-dots { bottom: -120px; }
.laptopSliderSect {
    margin-top: -240px;
    position: relative;
    z-index: 1;
}
.benefitsRows .benefitsCols:first-child {
    background: rgba(65, 58, 164, 0.03);
    border-color: rgba(65, 58, 164, 0.1);
}
.benefitsRows .benefitsCols:nth-child(2) {
    background: rgba(45, 182, 126, 0.03);
    border-color: rgba(45, 182, 126, 0.1);
}
.benefitsRows .benefitsCols:nth-child(3) {
    background: rgba(230, 76, 27, 0.03);
    border-color: rgba(230, 76, 27, 0.1);
}
.benefitsRows .benefitsCols:nth-child(4) {
    background: rgba(232, 159, 10, 0.03);
    border-color: rgba(232, 159, 10, 0.1);
}
.benefitsRows .benefitsCols:first-child i { color: rgba(65, 58, 164, 1); }
.benefitsRows .benefitsCols:nth-child(2) i { color: rgba(45, 182, 126, 1); }
.benefitsRows .benefitsCols:nth-child(3) i { color: rgba(230, 76, 27, 1); }
.benefitsRows .benefitsCols:nth-child(4) i { color: rgba(232, 159, 10, 1); }
.innerBannerSection { padding: 140px 0 20px; }
.page-template-default .site-main { padding: 70px 0; }
.page-template-default .site-main article .entry-content h1, .page-template-default .site-main article .entry-content h2,.page-template-default .site-main article .entry-content h3,.page-template-default .site-main article .entry-content h4,.page-template-default .site-main article .entry-content h5, .page-template-default .site-main article .entry-content p {margin-bottom: 40px;line-height: 1.4;}
.page-template-default:not(.home) .footerWrap { padding: 60px 0 20px; }


.downloadwrappg {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}
.downloadwrappg h3 {
    font-size: 34px;
    margin: 0 !important;
}
.downloadwrappg > p {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 5px;
    margin-bottom: 0 !important;
}
.downloadformwrap { max-width: 400px; margin: 20px auto 0; }
.downloadformwrap .form-group p { margin: 0 !important; }
.downloadformwrap .form-group + .form-group { margin-top: 20px; }
.downloadformwrap .form-group > p > span { width: 100%; }
.downloadformwrap .form-group > p > span input {
    font-size: 16px;
    line-height: 1.4;
    width: 100%;
    padding: 8px 20px;
    border-radius: 30px;
    border: 1px solid rgba(32, 35, 36, 1);
    outline: 0;
}
.downloadformwrap > .text-center > p .wpcf7-spinner {
    position: absolute;
    right: 0;
    bottom: 0;
}
.downloadformwrap > .text-center > p {
    position: relative;
    margin-top: 20px;
}
.downloadformwrap .form-group > p > span span.wpcf7-not-valid-tip {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 2px;
    text-align: left;
}
.wpcf7-response-output { text-align: center; }
.downloadformwrap input.primarybttn { cursor: pointer; }
body.page-id-171 .requestCallsec { display: none; }





/**-- Blogs --**/
.greyDemosection {
    padding:150px 0 30px;
}
.greyDemowrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap:20px;
}
.greyDemowrap h2{margin-bottom: 0;color:#ffffff;}
.otherListingsection header.page-header {
    background-color: #4B4E55;
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
}
.otherListingwrap{
    padding:40px 0;
}
.pagination-wrap {
    grid-column: 1/span 2;
}
.pagination {
    align-items: center;
    justify-content: center;
}
.pagination a{color:rgba(45, 182, 126, 1);}
.pagination .page-item:first-child a:not(.page-link),.pagination .page-item:last-child a:not(.page-link) {
    padding:12px 10px;
    color: rgba(45, 182, 126, 1);
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: flex;
    font-size:14px;
    line-height:1;
}
.pagination .page-elipsis {
    padding: 0 10px;
    line-height: 1;
}
.pagination .page-item a {
    color: rgba(45, 182, 126, 1);
}
.pagination .active a {
    background-color: rgba(45, 182, 126, 1);
    color: #ffffff;
}
.pagination a {
    text-decoration: none;
}
.blogListingsection {
    padding: 50px 0 30px;
}
.otherListingRight h3 {
    font-family: 'Product Sans Bold';
    font-size: 20px;
    line-height: 1.4;
    margin: 0;
    padding-left: 15px;
    border-left:3px solid rgba(45, 182, 126, 1);
    margin-bottom: 10px;
}

.newsletterWrap form .tnp-field-email label {
    font-size: 0;
    line-height: 0;
}

.newsletterWrap form .tnp-field-email input {
    border: 1px solid rgba(45, 182, 126, 1);
    background-color: transparent;
    outline: 0;
    border-radius: 5px;
}

.otherListingRight > div + div {
    margin-top: 20px;
    padding-top: 20px;
}

.newsletterWrap form .tnp-field-button {
    margin: 0;
}

.newsletterWrap form .tnp-field-button input {
    background-color:rgba(45, 182, 126, 1);
    border-radius: 40px;
    padding: 10px 20px;
}
.recentBlogwrap ul li,.categoryList ul li {
    border-top: 1px solid rgb(0, 0, 0, 0.1);
    padding: 10px 0;
}

.recentBlogwrap ul li a, .categoryList ul li a {
    text-decoration: none;
    color:rgba(32, 35, 36, 1);
}
.otherListingLeft.otherListingDetail {
    display: block;
}
.otherListingDetail article img.wp-post-image {
    width: 100%;
    border-radius: 20px;
}
.otherListingDetail article .entry-header {
    padding-top: 20px;
    display:none;
}
.otherListingDetail .entry-content {
    margin-top: 20px;
}

.otherListingDetail article .entry-header h1 {
    line-height: 1.3;
    font-family: 'Product Sans Bold';
}
.otherListingDetail article  .entry-content p {
    color: rgba(0,0,0,0.6);
}

.otherListingDetail article .entry-content p strong {
    font-family: 'Product Sans Bold';
    color: #000000;
}
.otherListingDetail .comments-area {
    width: 100%;
}
.otherListingDetail .comments-area h3 { margin: 0; }
.otherListingDetail .comments-area p.comment-notes { color: rgb(0, 0, 0, 0.5); }
.otherListingDetail .comments-area label { width: 100%; }
.otherListingDetail form {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 15px;
}
.otherListingDetail form p.comment-notes, .otherListingDetail form p.comment-form-comment, .otherListingDetail form p.comment-form-cookies-consent,.otherListingDetail form p.form-submit {grid-column: 1/4;}
.otherListingDetail form textarea,.otherListingDetail form input {
    width: 100%;
    background-color: #F9FAFB;
    border: 1px solid #e2e8f0;
    outline: 0;
    padding: 15px 15px;
}
p.comment-form-cookies-consent input {
    width: auto;
    display: inline;
    margin-right: 5px;
}
p.comment-form-cookies-consent {
    line-height: 1.2;
}
.otherListingDetail p.comment-form-cookies-consent label {
    width: auto;
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    display: inline;
}
.otherListingDetail form p.form-submit input {
    width: auto;
    font-size: 16px;
    line-height: 1;
    padding: 14px 14px;
    background-color: #403c9e;
    color: #ffffff;
}
.whatsapp {
    position: fixed;
    z-index: 999;
    width: 60px;
    height: 60px;
    bottom: 10px;
    left: 15px;
}
.companyInfowrap {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: #ffffff;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.1);
    z-index:9999;
}
.companyInfowrap a {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    color: #4834a0;
    text-decoration: none;
}
.companyInfowrap li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.social-sharing a {
    font-size: 12px;
    line-height: 1;
    background-color: #3B5998;
    color: #ffffff;
    padding: 7px 14px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
}

.social-sharing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.social-sharing a:nth-child(2){ background-color: #00B6F1;}
.social-sharing a:nth-child(3){ background-color: #007BB6;}
.social-sharing a:last-child{ background-color: #CB2027;}
.otherListingLeft.otherListingDetail .navigation {
    padding:46px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin:30px 0;
}
.otherListingLeft.otherListingDetail .navigation .nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.otherListingLeft.otherListingDetail .navigation .nav-links .nav-subtitle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 6px;
    color: #45b57f;
}
.otherListingLeft.otherListingDetail .navigation .nav-links a {
    text-decoration: none;
}
.otherListingLeft {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px 20px;
}
.otherListingRow {
    display: grid;
    grid-template-columns: 7fr 3fr;
    gap: 30px;
}
.otherListingRight ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.otherListingDetail header.entry-header h1 {
    color: #202324;
    margin-bottom: 20px;
}

.otherListingDetail .entry-content h2, .otherListingDetail .entry-content h3, .otherListingDetail .entry-content h4, .otherListingDetail .entry-content h5, .otherListingDetail .entry-content p, .otherListingDetail .entry-content ul,.otherListingDetail .entry-content ol {
    margin-bottom: 20px;
    margin-top: 0;
    line-height:1.4;
}

.otherListingDetail .entry-content p a {
    color: #45b57f;
}
.otherListingDetail .entry-content ul, .otherListingDetail .entry-content ol {
    padding-left: 20px;
}

.otherListingDetail .entry-content ul li + li, .otherListingDetail .entry-content ol li + li {
    margin-top: 6px;
}
.relavantBlogwrap .related-posts ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:15px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.relavantBlogwrap .related-posts ul a {
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.4;
}
.relavantBlogwrap .related-posts ul li { text-align: center; }
.relavantBlogwrap .related-posts ul a, .relavantBlogwrap .related-posts ul .related-post-date {
    font-size: 16px;
    line-height: 1.4;
}
.relavantBlogwrap h3 { margin-bottom: 20px; }
.related-post-thumbnail img { border-radius: 15px; }
.relavantBlogwrap .related-posts ul a {
    text-decoration: none;
    color: #000000;
    font-family: 'Product Sans Bold';
}
.newsletterWrap .tnp.tnp-subscription {
    margin-left: 0;
}

.topLatestpostwrap {
    display: grid;
    grid-template-columns:6fr 4fr;
    gap: 20px;
}

.topLatestpostwrap .topLatestgrid:first-child {
    grid-column: 1/1;
    grid-row: 1/span 2;
}
.topLatestgrid {
    position: relative;
    border-radius:10px;
    overflow: hidden;
}
.topLatestgrid::before{
    content:'';
    position:relative;
    display: block;
    padding-top:50%;
}
.topLatestgrid .bgImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:0;
}
.topLatestgrid .bgImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition:0.5s all ease-in-out;
}
.topLatestgrid:hover .bgImage img {
    transform: scale(1.1);
}
.topLatestgrid .bgImageContent {
    position: absolute;
    z-index:2;
    padding:0px 30px 30px 30px;
    bottom:0;
    left:0;
    width:100%;
    transition:0.3s all ease-in-out;
}
.bgImageContent .category a {
    font-size: 13px;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    padding: 9px 18px;
    color: #FFFFFF;
    background-color: #104777;
    transition: 0.3s all ease;
}
.bgImageContent .category a:hover { background-color: #E73A3A; }
.bgImageContent .title {
    font-size: 24px;
    line-height: 1.4;
    font-family: 'Product Sans Bold';
    padding: 10px 0;
    color: #ffffff;
    text-decoration:none;
}
.topLatestpostwrap .topLatestgrid:first-child .title { font-size: 33px; }
.blognInfowrap { font-size: 14px; line-height: 1.2; color: #ffffff;display:inline-flex;flex-wrap:wrap;gap:10px;}
.blognInfowrap a { color: #ffffff;text-decoration:underline;}
.topLatestgrid::after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, .6);
    top:0;
    left:0;
}
.topLatestgrid:hover .bgImageContent{
    padding-bottom:40px;
}
.topLatestgrid .link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index:1;
}
.remainPOstwrap .alm-listing{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}
.remainPOstImgbox {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.remainPOstImgbox::before {content: '';display: block;padding-top: 70%;}
.remainPOstImgbox::after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, .1);
    top:0;
    left:0;
    right:0;
    transform: scale(0.6);
    transition:0.3s all ease-in-out;
    opacity:0;
    visibility: hidden;
}
.remainPOstImgbox:hover::after{
    transform: scale(1);
    opacity:1;
    visibility:visible;
}
.remainPOstImgbox img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.remainPOstImgbox .category {
    position: absolute;
    z-index: 2;
    font-size: 14px;
    line-height: 1.2;
    top: 20px;
    left: 20px;
    display:inline-flex;
    flex-wrap:wrap;
    gap:10px;
}
.remainPOstImgbox .category a {
    background-color: rgba(16,71,119,1);
    color: #ffffff;
    padding: 7px 10px;
    text-decoration:none;
}
.remainPOstImgbox .category a:hover{
    background-color: #E73A3A;
}
.remainPOstImgbox .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.remainPOstContentbox .title {
    font-size: 21px;
    line-height: 1.4;
    font-family: 'Product Sans Bold';
    color: #000000;
    text-decoration:none;
}
.remainPOstContentbox .blognInfowrap,.remainPOstContentbox .blognInfowrap a { color: #929292; }
.remainPOstContentbox { padding: 10px 0; }
.remainPOstContentbox p {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.4;
}
.remainLatestpostwrap {
    padding: 40px 0;
}

.remainLatestpostwrap h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid rgb(229, 229, 229);
    margin-bottom: 30px;
}
.otherListingRow {
    display: grid;
    grid-template-columns: 7fr 3fr;
    gap: 30px;
}
.otherListingLeft {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px 20px;
}
.otherListingRow {
    display: grid;
    grid-template-columns: 7fr 3fr;
    gap: 30px;
}
.blogListingarbox .post-thumbnail,.blogListingarbox .post-thumbnail img {
    width: 100%;
    display: block;
}
.blogListingarbox .entry-header h2 {
    font-size: 18px;
    line-height: 1.4;
    margin: 0;
    padding:10px 0;
}  
.blogListingarbox .entry-header .entry-meta {
    font-size: 13px;
    line-height: 1.4;
    color: #4a4a4a;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

@media screen and (min-width:1500px) {
    .container{max-width:1470px;}
}



@media screen and (max-width:1550px) {
    .container{max-width:1320px;}
    h1, .h1 { font-size: 50px; }
    h2, .h2 { font-size: 40px; }
    .benefitsCols { padding: 30px 20px 30px; }
    .downloadRight img { width: 440px; }
    .counterCols h3 { font-size: 50px; }
    .affordPricingCols .top h3 { font-size: 46px; }
    .affordPricingCols { width: 258px; }
    .affordPricingCols.pro { width: 330px; }
    .featuredContentwrap ul li, .affordPricingCols .bottom ul li { font-size: 16px; }
    .affordPricingCols .bottom { padding: 20px 20px 20px; }
    .affordPricingCols .bottom ul li + li { margin-top: 10px; }
    .affordPricingCols .bottom h4 { font-size: 20px; }
    .footerCols { width: 250px; }
    .innerBannerSection { padding: 120px 0 20px; }
}

@media screen and (max-width:1400px) {
    .container{max-width:1140px;}

    h1, .h1 { font-size: 46px; }
    h2, .h2 { font-size: 34px; }
    h3, .h3 { font-size: 20px; }
    .bannerWrap p { padding: 30px 0; }
    .benefitsBoxwrap i { font-size: 36px; }
    .benefitsCols { border-radius: 14px; }
    .benefitsBoxwrap p { font-size: 16px; }
    .downloadRight img { width: 400px; }
    .counterCols h3 { font-size: 40px; padding: 10px 0; }
    .counterCols i { font-size: 40px; }
    .specialtiesLeft { max-width: 100px; }
    .specialtiesRight { max-width: calc(100% - 130px); }
    .specialtiesCols { padding: 20px 30px; }
    .testimonialSlider i { font-size: 70px; }
    .faqsHead::before { width: 20px;top:11px;}
    .faqsHead::after { height: 20px; right: 9px; }
}

@media screen and (max-width:1199px) {
    .container{max-width:960px;}

    h1, .h1 { font-size: 40px; }
    h2, .h2 { font-size: 30px; }
    .laptopSliderWrap > img { width: 930px; }
    .Laptopsliderboxwrap { max-width: 670px; }
    .downloadRight img { width: 360px; }
    .downloadLeft { max-width: 330px; }
    .downloadLeft p { font-size: 16px; }
    .downloadwrap a img { max-height: 40px; }
    .featuredContentwrap { padding: 40px; }
    .affordPricingCols { width: calc(50% - 10px); border: 2px solid rgba(34, 0, 34, 0.05); border-radius: 16px; }
    .affordPricingCols.pro { width: calc(50% - 10px); margin-top: 0; margin-bottom: 0; }
    .affordPricingRows { border: 0; gap: 20px; margin-top: 40px; }
    .affordPricingCols.pro .bottom ul li + li { margin-top: 10px; }
    .affordPricingCols .top h3 { font-size: 40px; }
    .testimonialSliderWrap { max-width: 670px; }
    .testimonialSlider > p { font-size: 20px; }
    .requestCallWrap { padding: 30px 70px; }
    .requestCallRight { width: 420px; }
    .footerRows .footerCols:first-child { width: 100%; text-align: center; justify-content: center; margin-bottom: 30px; }
    .footerRows .footerCols:first-child a { width: auto; }
    .footerCols { width: 30%; }
    .footerWrap { padding: 190px 0 40px; }
    .testimonialSlider { padding: 30px; }
    .testimonialSlider i { font-size: 60px; }
    .pb80 { padding-bottom: 60px; }
    .pt80 { padding-top: 60px; }
    .featuredImgwrap { width: 320px; }
    .featuredImgwrap img { width: 200px; max-height: 200px;max-width:max-content;}
    .featuredContentwrap { max-width: calc(100% - 320px); }
    .remainPOstwrap .alm-listing { grid-template-columns: repeat(2, 1fr); }
}

@media only screen and (max-width:1024px) {
    .topLatestpostwrap {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:991px) {
    .container{max-width:720px;}

    h1, .h1 { font-size: 36px; }
    h2, .h2 { font-size: 26px; }
    .laptopSliderWrap > img { width: 690px; }
    .Laptopsliderboxwrap { max-width: 500px; top: 36px; }
    .Laptopsliderboxwrap .slick-dots {bottom: -80px;}
    .bannerSection { padding: 145px 0 280px; }
    .benefitsRows { grid-template-columns: repeat(2,1fr); }
    .downloadWrap { justify-content: center; padding: 40px 80px 0; text-align: center; }
    .downloadLeft { max-width: 100%; }
    .downloadRight img { margin-top: 0; }
    .downloadRight { padding-top: 50px; }
    .downloadSection { padding-top: 80px; }
    .headbttn a { font-size: 14px; gap: 8px; }
    .featuredImgwrap { width: 280px; }
    .featuredContentwrap { max-width: calc(100% - 280px); padding: 20px 20px; }
    .featuredImgwrap img { width: 180px; max-height: 180px; }
    .primarybttn { gap: 12px; font-size: 14px; padding: 14px 24px; }
    .counterCols h3 { font-size: 34px; }
    .counterCols i { font-size: 32px; }
    .specialtiesRows { grid-template-columns: repeat(1, 1fr); }
    .testimonialSliderWrap { max-width: 540px; }
    .requestCallLeft img { width: 220px; }
    .requestCallRight { width: 360px; }
    .requestCallWrap { padding: 30px 30px; }
    .footerRows .footerCols:last-child { width: 100%; margin-top: 30px; }
    .footerCols { width: 50%; }
    .footerInfo p,.footerInfo ul a { font-size: 16px; }
    .footerInfowrap { padding: 20px 0; }
    .otherListingRow { grid-template-columns: 1fr; }
    .otherListingDetail .container { padding: 0; }
}

@media screen and (max-width:767px) {
    .container{max-width:540px;}

    h1, .h1 { font-size: 30px; }
    h2, .h2 { font-size: 24px; }
    .headbttn a { padding: 12px 16px; font-size: 12px; }
    .header-logo img { width: 190px; }
    .header-wrapper .rightHead { gap: 8px; }
    .bannerSection { padding: 115px 0 280px; }
    .laptopSliderWrap > img { width: 510px; }
    .Laptopsliderboxwrap { max-width: 370px; top: 28px; }
    .Laptopsliderboxwrap .slick-dots { bottom: -60px; }
    .downloadRight img { width: 320px; }
    .featuredImgwrap { width: 100%; padding: 20px 20px; }
    .featuredContentwrap { max-width: 100%; }
    .featuredRowsWrap .featuredRows:nth-child(even) .featuredImgwrap { order: 0; }
    .featuredImgwrap img { width: 200px; max-height: 200px; }
    .counterSection { padding: 40px 0; }
    .counterCols { width: 50%; }
    .counterRow { gap: 40px 0; }
    .testimonialSliderWrap { max-width: 460px; }
    .testimonialSlider i { font-size: 50px; }
    .testimonialSlider > p { font-size: 18px; }
    .requestCallLeft { width: 100%; text-align: center; }
    .requestCallLeft img { margin: 0 auto; }
    .requestCallRight { width: 100%; margin-top: 30px; text-align: center; }
    .footerInfo ul li + li { padding-left: 15px; margin-left: 15px; }
    .page-template-default .site-main{padding:50px 0;}
    .page-template-default:not(.home) .footerWrap{padding:40px 0 20px;}
    .relavantBlogwrap .related-posts ul{grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:575px) {
    .container{max-width:100%;}
    .laptopSliderWrap > img { width: 391px; }
    .Laptopsliderboxwrap { max-width: 290px; top: 20px; }
    .bannerSection { padding: 115px 0 180px; }
    .laptopSliderSect {margin-top: -30%;}
    .benefitsRows { grid-template-columns: repeat(1, 1fr); }
    .downloadWrap { padding: 40px 30px 0; }
    .counterCols h3 { font-size: 30px; padding: 5px 0; }
    .counterCols p { font-size: 16px; }
    .specialtiesRight { max-width: calc(100% - 120px); }
    .affordPricingCols,.affordPricingCols.pro { width: 100%; }
    .affordPricingCols .bottom ul li + li,.affordPricingCols.pro .bottom ul li + li { margin-top: 14px; }
    .testimonialSlider { padding: 20px; border-radius: 12px; margin: 0 5px; }
    .testimonialSliderWrap { max-width: calc(100% - 30px); }
    .requestCallLeft img { width: 200px; }
    .footerCols { width: 100%; }
    .footerRows .footerCols:nth-child(n + 3) { margin-top: 20px; }
    .footerInfo p { width: 100%; text-align: center; order: 1; }
    .footerInfo ul { justify-content: center; width: 100%; }
    .footerInfo { gap: 10px; }

    .header-wrapper .rightHead nav .menu-toggle {
        display: block;
        width: 34px;
        height: 24px;
        border: 0;
        padding: 0;
        background-color: transparent;
        position: relative;
    }
    .header-wrapper .rightHead nav .menu-toggle span {
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        right: 0;
        top: 0;
        transition:0.3s all ease-in-out;
    }
    .header-wrapper .rightHead nav .menu-toggle span:nth-child(1) { top: 0; }
    .header-wrapper .rightHead nav .menu-toggle span:nth-child(2) { top: 50%; transform: translateY(-50%); }
    .header-wrapper .rightHead nav .menu-toggle span:nth-child(3) { bottom: 0; top: auto; }
    .main-navigation .menu-primary-menu-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 9;
        background-color: #ffffff;
        transform:translateY(30px);
        opacity:0;
        visibility: hidden;
    }
    .toggle-menu-body .main-navigation .menu-primary-menu-container{
        transform:translateY(0px);
        opacity:1;
        visibility:visible;
    }
    .main-navigation .menu-primary-menu-container{ transition:0.3s all ease-in-out;}
    .header-wrapper .rightHead .main-navigation .menu-primary-menu-container ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
       
    }
    .header-wrapper .rightHead .main-navigation .menu-primary-menu-container ul li { width: 100%; }
    .header-wrapper .rightHead .main-navigation .menu-primary-menu-container ul li a {
        width: 100%;
        border-radius: 0;
        border: 0;
        color: #000000;
        background-color: transparent;
    }
    .header-wrapper .rightHead .main-navigation .menu-primary-menu-container ul li + li { border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .toggle-menu-body .header-wrapper .rightHead nav .menu-toggle span:nth-child(1) { transform: rotate(45deg) translate(8px,9px); }
    .toggle-menu-body .header-wrapper .rightHead nav .menu-toggle span:nth-child(3) { transform: rotate(-45deg) translate(6px, -8px); }
    .toggle-menu-body .header-wrapper .rightHead nav .menu-toggle span:nth-child(2) { opacity: 0; }
    .footerInfo { flex-direction: column; }
    .relavantBlogwrap .related-posts ul{grid-template-columns: repeat(1, 1fr);}
    .greyDemosection { padding: 110px 0 20px; }
    .remainPOstwrap .alm-listing { grid-template-columns: repeat(1, 1fr); }
    .topLatestgrid::before { padding-top: 100%; }
    .bgImageContent .category a { font-size: 12px; padding: 7px 14px; }
    .topLatestpostwrap .topLatestgrid:first-child .title { font-size: 24px; }
    .bgImageContent .category a { font-size: 12px; padding: 7px 14px; }
    .topLatestgrid .bgImageContent { padding: 0px 20px 20px 20px; }
}

@media screen and (max-width:421px) {
    .primarybttn { padding: 13px 19px; font-size: 12px; gap: 5px; }
    .bttn-group { gap: 8px; }
    .bannerSection { padding: 115px 0 160px; }
    .Laptopsliderboxwrap { max-width: 210px; top: 15px; }
    .laptopSliderWrap > img { width: 290px; }
    .downloadWrap { padding: 40px 20px 0; }
    .downloadwrap a img { max-height: 36px; }
    .featuredContentwrap { padding: 20px 10px; }
    .featuredImgwrap img { width: 180px; max-height: 180px; }
    .featuredSection { padding: 320px 0 60px; }
    .specialtiesLeft,.specialtiesRight { max-width: 100%; width: 100%; }
    .specialtiesRight { margin-top: 10px; }
    .specialtiesCols { padding: 20px 20px; }
    .specialtiesRight p { font-size: 16px; }
    .specialtiesLeft img { width: 100px; }
    .testimonialSlider i { right: 10px; bottom: 10px; z-index: 0; font-size: 40px; }
    .requestCallRight form input[type="submit"] { position: relative; margin-top: 15px; width: 100%; font-size: 14px; padding: 14px 22px; }
    .requestCallRight form input[type="email"] { font-size: 16px; }
}