/*
** Theme Variables
*/
:root {
    --green: #399c39;
    --red: #dc3232;
    --white: #ffffff;
    --black: #000000;

    --primary:  #3782E7;
    --primary-a:#0b3c7c;

    --secondary:  #04243B;
    --secondary-a:  #031928;

    --yellow: #FFD662;
    --yellow-a: #EDB415;

    --body: var(--secondary);

    --lightblue: #ECF1F8;
    --lightgray: #F5F5F5;
   
    --link: var(--primary);
    --link-a: var(--primary-a);

    --formfieldbg: var(--white);
    --formfieldplaceholder: rgba(4, 36, 59, 0.5);
    --formtextcolor: var(--body);
    --formfieldborder: var(--lightgray);
    --formfieldborder: #E0E0E0;

    --siteradius: 5px;
    --siteradius10: 10px;
    --siteradius15: 15px;

    scroll-behavior: smooth;
}

:target {
    scroll-margin-top: 130px
}
  

/*
** Fonts
*/
@font-face {
    font-family: 'montserrat-md';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'montserrat-sb';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'raleway-sb';
    src: url('../fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('../fonts/Raleway-SemiBold.woff2') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'raleway-bk';
    src: url('../fonts/Raleway-Black.woff2') format('woff2'),
        url('../fonts/Raleway-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*
** Font Icons
*/
@font-face {
  font-family: 'sevenc';
  src: url('../fonts/icons/sevenc.ttf?se3ap2') format('truetype'),
    url('../fonts/icons/sevenc.woff?se3ap2') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'sevenc';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-yt:before {
  content: "\e91b";
}
.icon-analytics:before {
    content: "\e91a";
}
.icon-our-pricing:before {
    content: "\e917";
}
.icon-growth-strategy:before {
    content: "\e918";
}
.icon-seo-audit:before {
    content: "\e919";
}
  .icon-content-writing:before {
    content: "\e90a";
}
.icon-digital-marketing:before {
    content: "\e90b";
}
.icon-google-ads:before {
    content: "\e90f";
}
.icon-seo-service:before {
    content: "\e912";
}
.icon-social-media:before {
    content: "\e913";
}
.icon-website-designs:before {
    content: "\e915";
}
.icon-pin:before {
    content: "\e908";
}
.icon-mail:before {
    content: "\e909";
}
.icon-instagram:before {
    content: "\e901";
}
.icon-linkedin:before {
    content: "\e902";
}
.icon-facebook:before {
    content: "\e903";
}
.icon-tick:before {
    content: "\e905";
}
.icon-quote:before {
    content: "\e906";
}
.icon-arrow:before {
    content: "\e907";
}
.icon-whatsapp:before {
    content: "\e90e";
}
.icon-plus:before {
    content: "\e910";
}
.icon-search:before {
    content: "\e911";
}
.icon-twitter:before {
    content: "\e914";
}
.icon-angle-down:before {
    content: "\e90d";
}
.icon-email:before {
    content: "\e900";
}
.icon-phone:before {
    content: "\e904";
}
.icon-clock:before {
    content: "\e90c";
}

/*
** Custom Reset
*/
*,:after,:before { -webkit-box-sizing: border-box; box-sizing: border-box }
img { max-width: 100%; height: auto; vertical-align: top; }
a, span, i, label { display: inline-block; }
a { color: var(--link); text-decoration: none; transition: 0.3s ease-in-out; }
a:hover { color: var(--link-a); }
a:focus { outline: none; }
strong, b { font-family: 'raleway-bd', sans-serif; font-weight: 700; }

header ul,
footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

p:last-child,
ul:last-child,
li:last-child {
  margin-bottom: 0;
}

button,
button:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

input:focus {
    outline: none;
    box-shadow: none;
}

ul, ol { padding-left: 20px; }

li { margin-bottom: 10px; }

/*
** Globals
*/

/*Typo*/
body {
    font-family: 'montserrat-md', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: var(--body);
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'raleway-bk', sans-serif;
    font-weight: normal;
    font-style: normal;
    margin-top: 0;
}

h1, .h1 { font-size: 50px; line-height: 1.2em; margin-bottom: 25px; }
h2, .h2 { font-size: 50px; line-height: 1.2em; margin-bottom: 20px; }
h3, .h3 { font-size: 25px; line-height: 1.52em; margin-bottom: 16px; }
h4, .h4 { font-size: 22px; line-height: 1.45em; margin-bottom: 16px; }
h5, .h5 { font-size: 20px; line-height: 1.50em; margin-bottom: 16px; }
h6, .h6 { font-size: 18px; line-height: 1.55em; margin-bottom: 14px; }

p { margin-top: 0; }

/* Form Fields */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="num"],
input[type="tel"],
input[type="url"],
select,
textarea {
    font-family: 'montserrat-md', sans-serif;
    font-size: 16px;
    line-height: 48px;
    width: 100%;
    height: 50px;
    padding: 0 16px;
    border-radius: 6px;
    background-color: var(--formfieldbg);
    border: 1px solid var(--formfieldborder);
    outline: 0 !important;
    vertical-align: top;
    color: var(--formtextcolor);
}

input::placeholder,
textarea::placeholder {
    color: var(--formfieldplaceholder);
}

textarea {
    padding-top: 12px;
    line-height: 24px;
    min-height: 134px;
    max-height: 200px;
    resize: none;
}

select {
    width: 100%;
    padding-right: 42px;
    background-image: url('../images/angle-down.svg');
    background-size: 10px;
    background-position: right 20px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none;
}

/*Background Utilities*/
.bg--primary { background-color: var(--primary); color: var(--white); }
.bg--secondary { background-color: var(--secondary); color: var(--white); }
.bg--lightblue { background-color: var(--lightblue); }
.bg--lightgray { background-color: var(--lightgray); }

/*Text Utilities*/
.text-md { font-family: 'montserrat-md', sans-serif; }
.text-sb { font-family: 'montserrat-sb', sans-serif; }
.text-bd { font-family: 'raleway-bd', sans-serif; }
.text-bk { font-family: 'raleway-bk', sans-serif; }

.text--primary { color: var(--primary); }
.text--body { color: var(--body); }
.text--yellow { color: var(--yellow); }
.text--white { color: var(--white); }

.underline {
    display: inline;
    border-bottom: 4px solid transparent;
    border-image: url(../images/underline-d.svg);
    border-image-width: 7px auto;
    border-image-slice: 0 10 10;
}

.underline-b { border-image: url(../images/underline-b.svg); border-image-width: 7px auto; border-image-slice: 0 10 10; }
.underline-y { border-image: url(../images/underline-y.svg); border-image-width: 7px auto; border-image-slice: 0 10 10; }

.font-30 { font-size: 30px; line-height: 1.33em; }
.font-24 { font-size: 24px; line-height: 1.56em; }
.font-20 { font-size: 20px; line-height: 1.6em; }
.font-18 { font-size: 18px; line-height: 1.66em; }
.font-16 { font-size: 16px; line-height: 1.625em; }
.font-14 { font-size: 14px; line-height: 1.625em; }

/*
** Buttons
*/
.bttn {
    font-family: 'montserrat-sb', sans-serif;
    font-size: 18px;
    line-height: 50px;
    min-width: 140px;
    height: 50px;
    padding: 0 23px;
    text-align: center;
    border: 0px solid transparent;
    border-radius: var(--siteradius);
    box-shadow: 0px 5px 5px rgba(4, 36, 59, 0.2);
    transition: all 0.3s ease-in-out;
}

.bttn-primary {
    color: var(--white);
    background-color: var(--primary);
}

.bttn-primary:hover {
    color: var(--white);
    background-color: var(--primary-a);
}

.bttn-secondary {
    color: var(--white);
    background-color: var(--secondary);
}

.bttn-secondary:hover {
    color: var(--white);
    background-color: var(--secondary-a);
}

.bttn-secondary-y {
    color: var(--yellow);
    background-color: var(--secondary);
}

.bttn-secondary-y:hover {
    color: var(--yellow);
    background-color: var(--secondary-a);
}

.bttn-yellow {
    color: var(--secondary);
    background-color: var(--yellow);
}

.bttn-yellow:hover {
    color: var(--secondary);
    background-color: var(--yellow-a);
}

/*Other Utilities*/
.list-unstyled, .list-unstyled ul, .list-unstyled ol { padding: 0; margin: 0; list-style: none; }
.transition { transition: 0.3s ease-in-out; }
.unlink { pointer-events: none; cursor: none; }
.siteradius { border-radius: var(--siteradius); }

/*
** Bootstrap Extends & Overrides
*/
.container, .container-fluid, .row>* { padding-left: 15px; padding-right: 15px; }
.row { margin-left: -15px; margin-right: -15px; }
.gx-0.row>* { padding-left: 0; padding-right: 0; }
.gx-0.row { margin-left: 0; margin-right: 0; }

.visually-hidden,
.sr-only {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}

.overflow-hidden { overflow: hidden; }

/*
** WP Overrides
*/
.screen-reader-text { position: absolute; visibility: hidden; opacity: 0; }

/*
** Slick Slider
*/
.slick-initialized { z-index: 0; position: relative; }
.slide .slick-slide, .slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-initialized .slick-list { position: relative; overflow: hidden; }
.slick-initialized .slick-slide { display: inline-block; width: auto; }
.slick-initialized .slick-slide:focus { outline: none; }

.slick-dots { display: flex; align-items: center; justify-content: center; list-style: none; padding: 0; }
.slick-dots li { margin: 0; }
.slick-dots li + li { margin: 0; margin-left: 10px; }
.slick-dots li button {
    display: block;
    font-size: 0px;
    width: 12px;
    max-width: 12px;
    height: 12px;
    padding:0;
    border: 0px solid transparent;
    border-radius: 12px;
    background-color: var(--lightgray);
    opacity: 1;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.slick-dots li.slick-active button {
    background-color: var(--primary);
}

/*Animation*/
.scrollReveal {
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.scrollUp {
    transform: translateY(12px);
    transition: all 0.3s ease-in-out;
}

.fadeIn {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.scrollReveal.revealIt {
    opacity: 1;
    transform: translate(0);
    rotate: 0deg;
}



/*
** Header
*/
.site-header {
    font-family: 'montserrat-sb', sans-serif;
    position: sticky;
    top: 0;
    width: 100%;
    padding: 20px 0;
    background: var(--white);
    transition: all 0.3s ease;
    z-index: 15;
}

.site-header.siteheader-sticky {
    padding: 10px 0;
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, 0.86);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
}

.site-header.colored {
    background-color: var(--primary);
}

.secondary-logo-link img,
.custom-logo {
    width: auto;
    height: 66px;
    transition: 0.2s ease;
}

.siteheader-sticky .secondary-logo-link img,
.siteheader-sticky .custom-logo {
    height: 50px;
}

.site-header .row {
    align-items: center;
}

.site-navmenu {
    display: inline-flex;
    align-items: center;
    column-gap: 22px;
}

.site-navmenu li { margin-bottom: 0; }

.site-navmenu a {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 5px;
    color: var(--secondary);
}

.site-navmenu a:hover,
.site-navmenu .current-menu-ancestor>a,
.site-navmenu .current-menu-parent>a,
.site-navmenu .current-menu-item>a,
.colored .site-navmenu .sub-menu .current-menu-parent>a,
.colored .site-navmenu .sub-menu .current-menu-item>a  {
    color: var(--primary);
}

.headctas .bttn {
    padding: 0 19px;
}

.siteheader-sticky .headctas .bttn {
    font-size: 16px;
    line-height: 40px;
    min-width: 0px;
    height: 40px;
    padding: 0 15px;
}

/*Site Menu Toggle*/
.site-menutoggle {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    width: 33px;
    height: 40px;
    position: relative;
    margin-bottom: 0;
}

.site-menutoggle span {
    display: block;
    width: 33px;
    height: 5px;
    margin-bottom: 5px;
    position: relative;
    background: linear-gradient(180deg, var(--primary) 0%, var(--primary) 100%);
    border-radius: 6px;
    transform-origin: 5px 5px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
    z-index: 1;
}

.colored .site-menutoggle span { background: var(--white); }

.site-menutoggle span:last-child {
    margin-bottom: 0;
}

.site-menutoggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

.site-menutoggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-5px, -19px);
}

.site-menutoggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(1px, 20px);
}

.site-menutoggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
    transition: 0s;
}

/*Generic*/
section.section { padding: 150px 0; }
.gap-30 { gap: 30px; }
.gapx-30 { column-gap: 30px; }
.gapy-30 { row-gap: 30px; }

/*
** Homepage
*/

/*Hero*/
.hero {
    position: relative;
    display: flex;
    align-items: center;
    padding: 80px 0;
    min-height: calc(100vh - 106px);
}

.hero.hero-auto { min-height: 0; }

.hero .container { 
    position: relative;
    z-index: 1;
}

.hero-wrapper {
    position: relative;
    max-width: 751px;
}

.statlist {
    display: flex;
    gap: 60px;
    line-height: 26px;
    margin-top: 40px;
    margin-bottom: 28px;
}

.statlist .scrollUp { transition: 0.5s ease; }

.statcount {
    font-size: 40px;
    line-height: 32px;
    margin-bottom: 5px;
}

.analyseweb {
    display: flex;
    align-items: center;
    gap: 10px;
    gap: 20px;
}

.analyseweb input {
    /* font-size: 14px; */
    width: auto;
    flex: 1 0 auto;
}

.hero-art {
    position: absolute;
    right: 0;
    top: 160px;
    width: 42%;
    padding: 0 40px;
    z-index: 0;
    display: none;
}

.home .hero-art {
    display: block;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.fourcard-row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 60px;
}

.fourcard {
    flex: 1 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
    border: 1px solid var(--lightblue);
    padding: 25px 25px;
    border-radius: var(--siteradius10);
    background-color: var(--white);
}

.fourcard:hover {
    background-color: var(--lightblue);
}

/*
** Site List
*/

/*Numberlist*/
.numberlist, .numberlist ul {
    counter-reset: num-counter;
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.numberlist li {
    position: relative;
    display: flex;
    gap: 22px;
    margin: 0 0 35px 0;
    counter-increment: num-counter;
}

.numberlist li::before {
    content: '0' counter(num-counter);
    color: var(--primary);
    font-size: 50px;
    line-height: 61px;
}

/*Checklist*/
ul.sitelist,
.sitelist ul {
    list-style: none;
    padding-left: 0;
}

ul.sitelist-2,
ol.sitelist-2,
.sitelist-2 ul,
.sitelist-2 ol {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 50px;
}

.sitelist li {
    position: relative;
    display: flex;
    gap: 13px;
    margin: 0 0 35px 0;
}

.sitelist-2 li {
    flex: 1 0 calc(50% - 25px);
    max-width: calc(50% - 25px);
    margin-bottom: 0;
}

.sitelist li::before {
    font-family: 'sevenc';
    content: "\e905";
    color: var(--yellow);
    font-size: 15px;
    line-height: 38px;
}

.sitelist li h3, .sitelist-2 li h3 { margin-bottom: 0; }


/*Wide Left Right widelr */
.artbox { position: relative; padding-top: 65px; }
.artbox-img { border-radius: var(--siteradius10); overflow: hidden; }
.artbox-icon { position: absolute; top: 0; left: 50px; }
.artbox-btm { padding-top: 0; padding-bottom: 65px; }
.artbox-btm .artbox-icon { top: auto; bottom: 0; }

.widelr .numberlist p { font-family: 'montserrat-sb', sans-serif; }

/*Logo List*/
.logolist {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 60px;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
}

.logoitem img {
    vertical-align: middle;
    max-height: 110px;
	max-width: 210px;
    width: auto;
}

/*How We Drive Growth*/
.howweg {
    position: relative;
}

.howweg-bg {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: absolute;
    left: 0;
    top: 0;
    padding-bottom: 15%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.howweg-bg {
    background: url('../images/drive-growth.svg');
    background-repeat: no-repeat;
    background-position: top 20vh center;
    background-size: 96%;
    background-attachment: fixed;
}

.howweg-bg img { display: none; }

.howweg .container {
    position: relative;
    z-index: 1;
}

.cardlist {
    display: grid;
    flex-wrap: wrap;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
}

.card {
    padding: 30px;
    border-radius: var(--siteradius10);
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
    box-shadow: 0px 4px 4px rgba(20, 26, 48, 0.20);
    background: #FFFFFF;

    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(16px) saturate(180%);
    
    transition: all 0.3s ease-in-out;
}

.card:hover { box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.4); }

.card i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    line-height: 50px;
    width: 70px;
    height: 70px;
    margin-bottom: 16px;
    border-radius: 8px;
    color: var(--white);
    background: var(--primary);
}

.card i.icon-digital-marketing::before { font-size: 0.8em; line-height: 1em; }

.card i.icon-content-writing::before { font-size: 0.92em; }

.card h3 { margin-bottom: 6px; }

.card p {
    font-size: 16px;
    line-height: 26px;
}

.sc-learnmore {
    font-family: 'montserrat-sb', sans-serif;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.sc-learnmore .icon-angle-right {
    font-size: 7px;
    transform: rotate(-90deg);
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

.sc-learnmore:hover .icon-angle-right {
    transform: rotate(-90deg) translateY(5px);
}

/*Whycus*/
.whycu {
    position: relative;
    overflow: hidden;
}

.whycu-bg {
    position: absolute;
    right: -80px;
    top: 30px;
    width: 470px;
    height: 100%;
    z-index: 0;
    display: none;
}

.whycu .container { position: relative; z-index: 2; }

.whycu-wrap { position: relative; padding-left: 60px; z-index: 1; }

.whycu ul.sitelist,
.whycu .sitelist ul {
    margin-top: 40px;
}

.whycu-wrap .sitelist li { color: var(--primary); }

.whycu-wrap .sitelist li h3 { font-family: 'raleway-bd', sans-serif; }

.whycu-badlist {
    display: flex;
    flex-wrap: wrap;
    gap: 100px;
    align-items: center;
    margin-top: 100px;
    justify-content: center;
}

.whycu-badlist img {vertical-align: middle;}

/*Testimonials*/

.sectesti, .testimonials { position: relative; }

.testslider {
    margin: 0 -15px;
}

.testslider .slick-track {
    display: flex;
}

.testitem {
    display: inline-flex !important;
    flex-direction: column;
    padding: 20px 15px;
}

.testslider:not(.slick-initialized){
    display: flex;
    overflow: hidden;
}

.testslider:not(.slick-initialized) .testitem {
    width: 33.33%;
    flex: 1 0 33.33%;
}

.testcard {
    position: relative;
    flex: 1;
    font-size: 16px;
    line-height: 26px;
    padding: 78px 30px 35px;
    border-radius: var(--siteradius10);
    background-color: var(--white);
    box-shadow: 0px 5px 14px rgba(4, 36, 59, 0.2);
    transition: 0.3s ease-in-out;
}

.testcard:hover {
    box-shadow: 0px 0px 0px rgba(4, 36, 59, 0.2);
}

.testcard::before {
    position: absolute;
    content: "";
    top: 35px;
    left: 30px;
    width: 34px;
    height: 28px;
    background-image: url('../images/quote.svg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.testpic {
    text-align: center;
    margin: 20px 0 10px;
}

.testpic img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
    overflow: hidden;
}

.testinfo {
    text-align: center;
}

.testinfo p {
    font-size: 16px;
    line-height: 26px;
    margin-top: -2px;
}

.slick-arrow {
    font-size: 26px;
    line-height: 26px;
    position: absolute;
    top: 50%;
    right: calc(100% + 60px);
    background: transparent;
    transform: translateY(-50%);
    transition: 0.3s ease-in-out;
}

.slick-arrow:hover { color: var(--primary); }

.next-arrow {
    left: calc(100% + 60px);
    right: auto;
}

.next-arrow i { transform: rotate(180deg); }

/*Blog Section*/
.blogcard p {
    font-size: 16px;
    line-height: 26px;
}

.blogimg {
    border-radius: var(--siteradius10);
    overflow: hidden;
    margin-bottom: 32px;
}

.blogimg:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }

.blogcard h3 { margin-bottom: 10px; }

/*Plan Cards*/
.scplancard {
    padding: 40px 30px;
    border-radius: var(--siteradius10);
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
    background-color: var(--white);
    transition: all 0.3s ease-in-out;
}

.scplancard:hover { box-shadow: 0px 5px 40px rgba(4, 36, 59, 0.8); }

.scplancard img {
    width: auto;
    height: 90px;
    margin-bottom: 10px;
}

.scplancard i {
    font-size: 84px;
    line-height: 84px;
    margin-bottom: 4px;
    color: var(--primary);
}

/*FAQs*/
.faqlist {
    max-width: 900px;
    margin: 34px auto 0;
}

.faqitem {
    padding: 11px 25px;
    border-radius: var(--siteradius10);
    background-color: var(--white);
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
}

.faqitem+.faqitem { margin-top: 20px; }

.faqhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.singlecont .faqhead h3, .faqhead h3 { font-size: 22px; }

.faqopen .faqhead h3 { color: var(--primary); }

.faqbttn {
    font-size: 12px;
    line-height: 38px;
    font-weight: bold;
    transform: rotate(0deg);
    transition: all .3s ease-in-out;
}

.faqopen .faqbttn { transform: rotate(180deg); color: var(--primary); }

.faqbody {
    display: none;
    padding: 13px 0 0;
}

/*
** Site CTA
*/
.sitecta {
    position: relative;
    overflow: hidden;
}

.sitecta-bg {
    position: absolute;
    right: 164px;
    bottom: -90px;
    width: 511px;
    height: 429px;
    opacity: 0.5;
    z-index: 0;
}

.sitecta .container { position: relative; z-index: 1; }

.sitecta p {
    width: 820px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*
** Footer
*/

.footop {
    padding-top: 80px;
    padding-bottom: 48px;
}

.foonav a {
    font-size: 16px;
    line-height: 26px;
    color: var(--body);
}

.foonav .current-menu-item > a,
.foonav a:hover {
    color: var(--primary);
}

.headlink li:not(:last-child) {
    margin-bottom: 12px;
}

.headlink > a {
    font-family: 'raleway-bd', sans-serif;
    font-size: 22px;
    line-height: 32px;
}

.headlink > a:not(:only-child) { margin-bottom: 12px; }

li + li.headlink {
    margin-top: 16px;
}

.foo-company a {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.foo-company a + a { margin-top: 15px; }

.foo-company span {
    color: var(--body);
}

.foo-company a:hover span {
    color: var(--primary);
}

.foo-company a i {
    font-size: 18px;
    line-height: 28px;
    min-width: 22px;
}

.foo-company a .icon-flag {
    --flagsize: 25px;
    width: var(--flagsize);
    min-width: var(--flagsize);
    height: var(--flagsize);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.foo-company a .flag-in { background-image: url('../images/flag-in.svg'); }

.foo-company a .flag-us { background-image: url('../images/flag-us.svg'); }

.foobtm {
    padding: 33px 0;
}

.fooqlinks,
.socialnav {
    display: flex;
    align-items: center;
}

.fooqlinks li,
.socialnav  li,
.foopterms li {
    margin-bottom: 0;
}

.fooqlinks { gap: 30px; }

.socialnav { gap: 26px; }

.foocopy {
    padding: 26px 0;
}

.foopterms {
    display: flex;
    align-items: center;
    gap: 18px;
}

.post-edit-link,
.wp-logout {
    position: fixed;
    left: 0;
    bottom: 28px;
    font-size: 16px;
    line-height: 16px;
    padding: 6px 12px;
    min-width: 70px;
    text-align: center;
    color: var(--white) !important;
    background-color: var(--primary);
    z-index: 9000;
}


/*
** Industry
*/
.hero-inner {
    position: relative;
    padding: 80px 0;
}

.cbgart, .cbgart .container { position: relative; }

.cbgart::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/bg-ind-btm.svg');
    background-size: auto 100%;
    background-position: top left;
    background-repeat: repeat-x;
    opacity: 0.08;
}

.cbgart-dark::before {
    opacity: 0.2;
}

/*Logo Marquee*/
.marqlist {
    --size: clamp(10rem,1rem + 25vmin,30rem);
    --gap: calc(var(--size)/14);
    --duration: 40s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
    display: flex;
    gap: var(--gap);
    -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
    mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
    overflow: hidden;
}

.marqitem {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
}

.marqitem img {
    display: grid;
    place-items: center;
    max-width: var(--size);
    max-height: 120px;
    height: auto;
    width: 100%;
    width: auto;
    fill: var(--color-text);
    background: var(--color-bg-accent);
    padding: calc(var(--size) / 10);
    -webkit-user-drag: none;
}

@keyframes scroll-x {
    0%   { transform: translateX(var(--scroll-start)); }
    100% { transform: translateX(var(--scroll-end)); }
}

/*Industry Listing*/
.indlisting { margin: 0 0 0; }

.indlist {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.inditem {
    position: relative;
    flex: 1 0 calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
    border-radius: calc(var(--siteradius10) * 2);
    overflow: hidden;
}

.inditem img { transition: all 0.5s cubic-bezier(0.55, 0.59, 0.16, 0.98); }

.inditem:hover img { transform: scale(1.08); }

.indmetas {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    padding: 30px;
    width: 100%;
    z-index: 3;
}

.inditem::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 25%, transparent);
    opacity: 0.5;
    z-index: 1;
    transition: all 0.5s cubic-bezier(0.55, 0.59, 0.16, 0.98);
}

.inditem h3 {
    font-size: 30px;
    line-height: 1.2;
    margin: 0;
    color: #fff;
}

.indpostlist { gap: 30px; }

.indpostitem {
    flex: 1 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
}

.indpostitem img {
    min-height: 390px;
    object-fit: cover;
}

/*
** Post Listing : Industry, Blog, CaseStudy
*/
.breadcrumbs { font-size: 16px; }

.breadcrumbs > span, .breadcrumbs a {color: rgba(255, 255, 255, 0.62);}

.breadcrumbs .breadcrumb_last, .breadcrumbs a:hover { color: #ffff; }

.breadcrumbs .separator { margin: 0 4px; }

.postlist {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.postlist-item {
    flex: 1 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
    border-radius: 12px;
    background: var(--lightblue);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    transition: all 0.3s ease;
    overflow: hidden;
}

.postlist-item:hover {
    box-shadow: 0px 0px 25px 0px rgba(88, 91, 95, 0.34);
}

.postlist-img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.postlist-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.6s cubic-bezier(0.3, 0.54, 0.33, 0.91);
}

.postlist-item:hover img { transform: scale(1.1); }

.postlist-img::before {
    content: "";
    padding-top: 56.25%;
    display: block;
    width: 100%;
}

.postlist-meta {    
    padding: 20px;
}

.postlist h3 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

.postlist h3 a { color: var(--secondary); }

.postlist-link {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    margin-top: 5px;
    gap: 8px;
    color: var(--secondary);
}

.postlist-link i { font-size: 14px; transform: rotate(180deg); }

.postlist-link:hover, .postlist h3 a:hover { color: var(--primary); }

.postlist-item:hover .postlist-link { gap: 12px; }


/* Industry Single */
.singlehead { padding: 120px 0; }

.singlehead.cbgart::before { background-position: bottom -60px left; }

.singlecont {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    margin-top: -60px;
    margin-bottom: 60px;
}

.singlecont-wrap {
    padding: 20px;
    border-radius: var(--siteradius15);
    background-color: var(--white);
    box-shadow: 0px -22px 30px 0px rgba(0, 0, 0, 0.2);
}

.singlethumb {
    margin: 0px auto 20px;
    border-radius: var(--siteradius15);
    overflow: hidden;
}

.singlecont h2, .singlecont .h2 { font-size: 34px; line-height: 1.3em; }
.singlecont h3, .singlecont .h3 { font-size: 30px; line-height: 1.3em; }
.singlecont h4, .singlecont .h4 { font-size: 24px; }
.singlecont h5, .singlecont .h5 { font-size: 20px; }
.singlecont h6, .singlecont .h6 { font-size: 16px; }

.singlecont h2 b, .singlecont h3 b, .singlecont h4 b, .singlecont h5 b, .singlecont h6 b { font-family: 'raleway-bk', sans-serif; }

.col-singlecont i, .col-singlecont span, .col-singlecont strong, .col-singlecont a { display: inline; }
.singlecont ul ul, .singlecont ul ol, .singlecont ol ul, .singlecont ol ol { margin-top: 16px; margin-bottom: 24px; }

.schema-faq-section + .schema-faq-section { margin-top: 20px; }

/*Industry Sidebar*/

.col-singleside { padding-left: 40px; }

/*While page loading hide toc inside post cotnent*/
.col-singlecont .toc { /* display: none; */ margin-bottom: 20px; }

.indaside {
    /* position: sticky;
    top: 90px; */
    font-size: 14px;
    line-height: 24px;
    padding: 20px;
    border-radius: var(--siteradius10);
    background: var(--lightblue);
}

.indaside + .indaside {
    margin-top: 30px;
}

.indaside h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 10px;
}

.indaside ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.indaside a {
    color: rgba(4, 36, 59, 0.8);
}

.indaside a:hover {
    color: var(--primary);
}


.ctav {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* width: 300px; */
    max-width: 100%;
    padding: 20px 30px 40px;
    margin: 40px auto 0px;
    gap: 30px;
    border-radius: var(--siteradius10);
    background-color: var(--lightblue);
    /* box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); */
}

.ctav h2 {
    font-family: 'montserrat-sb';
    font-size: 27px;
    line-height: 37px;
    margin: 0;
    color: var(--primary);
}

.ctav ul {
    font-size: 18px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ctav li {
    display: flex;
    gap: 10px;
}

.ctav li::before {
    content: "";
    display: block;
    --ctavlisize: 12px;
    width: var(--ctavlisize);
    min-width: var(--ctavlisize);
    height: calc(var(--ctavlisize) + 10px);
    background-image: url('../images/ctav-li.webp');
    background-position: center 6px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.ctav .bttn { width: 100%; }

.ctav-art { text-align: center; }
/*CTA 1*/
.cta1 {
    padding: 20px;
    padding-right: 210px;
    margin: 30px 0 30px;
    border-radius: var(--siteradius10);
    background-color: #ebf1f7;
    background-image: url(../images/cta1-bg.webp), url(../images/cta1-corner.webp);
    background-position: center center, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto 100%;
}

.cta1 .cta1-title {
    font-family: 'montserrat-md', sans-serif;
    font-size: 22px;
    margin-bottom: 20px;
    color: var(--primary);
}

.bttn.bttn-cta {
    font-family: 'montserrat-md', sans-serif;
    display: inline-block;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    padding-right: 48px;
    background-image: url('../images/cta1-arrow.webp');
    background-position: center right 15px;
    background-repeat: no-repeat;
    background-size: 20px;
}

.bttn.bttn-cta:hover {
    background-position: center right 10px;
}

.bttn-icon i {
    font-size: 0.5em;
    transform: rotate(-90deg) translate(2px, 4px);
}

/*CTA 2*/
.cta2 {
    padding: 30px 30px 60px;
    margin: 30px auto 30px;
    border-radius: var(--siteradius10);
    background-image: url('../images/cta-2.svg');
    background-size: 108% auto;
    background-position: left -4px bottom -40px;
    background-repeat: no-repeat;
}

.cta2-title {
    font-size: 29px;
    line-height: 39px;
    margin-bottom: 26px;
}

.cta2-form {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.cta2-form input {
    height: 40px;
    line-height: 40px;
    width: 300px;
}

.cta2-form input::placeholder { color: var(--secondary); }

/* CTA 3 */
.cta3 {
    --ctasize: 45px;
    padding: 20px;
    margin: 30px 0;
    border-radius: var(--siteradius10);
}

.cta3-title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 14px;
}

.cta3-form {
    display: flex;
    max-width: 500px;
    margin: 0 auto;
    border: 2px solid var(--white);
    border-radius: 40px;
    background: var(--white);
    overflow: hidden;
}

.cta3-form input {
    font-size: 16px;
    line-height: var(--ctasize);
    width: auto;
    height: var(--ctasize);
    flex: 1 0 auto;
    border: 0;
}

.cta3-form input::placeholder {
    color: var(--secondary);
}

.bttn-cta3 {
    font-family: 'montserrat-sb';
    font-size: 16px;
    line-height: var(--ctasize);
    height: var(--ctasize);
    padding: 0px 20px;
    border-radius: 40px;
    color: var(--secondary);
    background: var(--yellow);
}

.bttn-cta3:hover {
    background-color: var(--yellow-a);
}

.cta3-sitecta {
    margin: 0;
    border-radius: 0;
}

/*
** Common Sections
*/
.subhead {
    font-family: 'montserrat-sb', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.subhead-y { color: var(--yellow); }
.subhead-b { color: var(--primary); }

.subhead-badge {
    font-family: 'montserrat-sb', sans-serif;
    font-size: 16px;
    line-height: 26px;
    padding: 5px 15px;
    border-radius: 100px;
    color: var(--white);
    background-color: var(--primary);
}

/*
** Services
*/

/* Services Main */
.hero-serv {
    min-height: 716px;
    padding: 100px 0 140px;
}

.hero-serv-inner {
    max-width: 1005px;
    margin-left: auto;
    margin-right: auto;
}

.hero-servchild .hero-serv-inner {
    max-width: 1045px;
}

.hero-art.hero-art-serv {
    top: 50%;
    transform: translateY(-50%);
}

.tabsec { position: relative; }

.tabsec::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-color: var(--lightblue);
}

.tabsec .container { position: relative; z-index: 1; }

.tabbox {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0 0;
    color: var(--body);
    border-radius: 10px;
    background: var(--white);
    margin-top: 60px;
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
}

.tablink {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20%;
    flex: 1 0 20%;
    order: -1;
    padding: 0 65px 30px;
    text-align: center;
    border-bottom: 1px solid rgba(4, 36, 59, 0.2);
    background-image: linear-gradient(90deg, var(--primary), var(--primary));
    background-size: 0% 3px;
    background-repeat: no-repeat;
    background-position: bottom -1px center;
}

.tablink span {
    font-size: 16px;
    line-height: 22px;
    color: var(--body);
    margin-top: 10px;
}

.tablink i {
    font-size: 50px;
    color: var(--black);
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.tablink.active {
    background-size: 58% 3px;
}

.tablink.active i,
.tablink:hover i {
    color: var(--primary);
    opacity: 1;
}

.tabpane {
    display: none;
    padding: 60px 60px 60px;
}

.tabpane-row {
    display: flex;
    gap: 50px;
}

.tabpane-col {
    max-width: calc(50% - 25px);
    flex: 1 0 calc(50% - 25px);
}

.tabpane img {
    border-radius: var(--siteradius);
}

.trustus .section-head {
    position: relative;
}

.trustus .section-head::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 134px;
    height: 100%;
    transform: translateY(-50%) rotate(180deg);
    background-image: url(../images/quote.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 95% auto;
    opacity: 0.2;
}

.revlist {
    display: flex;
    gap: 30px;
    max-width: unset;
    width: auto;
    overflow: hidden;
}

.revlist-slot {
    display: flex;
    gap: 30px;
    max-width: unset;
    width: auto;
    padding: 40px 0px 30px 0;
    transform: translate(100%, 0);
    animation: marquee 50s linear infinite;
}

.revitem {
    min-width: 390px;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-108%, 0); }
}

.revcard {
    padding: 30px;
    border-radius: var(--siteradius);
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
    background: var(--white);
}

.revstars {
    width: 140px;
    height: 24px;
    background-image: url(../images/star.svg);
    background-size: 24px 24px;
    margin-bottom: 20px;
    background-repeat: space;
}

.revauth {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 30px;
}

.revauth-pic {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    overflow: hidden;
}

.revauth-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/** Tools **/
.toolused { position: relative; overflow: hidden; }

.toolist {
    display: flex;
    align-items: center;
    margin-top: 60px;
    overflow: hidden;
}

.toolist-inner {
    display: flex;
    gap: 0 70px;
    padding-left: 35px;
    padding-right: 35px;
    transform: translate(100%, 0);
    animation: marquee 20s linear infinite;
}

.toolitem {
    max-width: 230px;
    height: auto;
    min-height: 50px;
    max-height: 60px;
    width: auto;
    filter: grayscale(1);
    transition: all 0.3s ease-in-out;
}

.toolitem:hover {
    filter: grayscale(0);
}

/*LR Sec*/
.lrblock {
    margin-top: 60px;
}

.lrrow {
    display: flex;
    align-items: center;
    gap: 100px;
}

.lrrow + .lrrow {
    margin-top: 130px;
}

.lrcol {
    flex: 1 0 calc(100% - 100px - 520px);
    max-width: calc(100% - 100px - 520px);
}

.lrcol-media {
    position: relative;
    max-width: 520px;
    flex: 1 0 calc(100% - 100px - 520px);
}

.lrow-rev .lrcol-media,
.lrrow:nth-child(even) .lrcol-media {
    order: 1;
}

.lrcol-media::before {
    --lrcircsize: 256px;
    content: "";
    position: absolute;
    bottom: -50px;
    left: -48px;
    width: var(--lrcircsize);
    height: var(--lrcircsize);
    border-radius: 100%;
    background-color: var(--primary);
}

.lrow-rev .lrcol-media::before,
.lrrow:nth-child(even) .lrcol-media::before {
    left: auto;
    right: -48px;
    background-color: var(--yellow);
}

.lrcol img {
    position: relative;
    border-radius: var(--siteradius);
    z-index: 1;
}

.lrrow h3 { font-size: 32px; line-height: 1.3em; }

/*
** Sub Services
*/
.hero-art-subserv {
    top: 50%;
    right: -4.63vw;
    width: 27.29vw;
    padding: 0;
    transform: translateY(-50%);
}

.hero-subserv { overflow: hidden; }

.hero-subserv .analyseweb {
    margin-top: 40px;
}

.ratecard {
    position: relative;
    width: 516px;
    max-width: 100%;
    margin-left: auto;
    transform: translateX(80px);
}

.ratecard::before,
.ratecard::after {
    content: "";
    position: absolute;
    left: 14px;
    bottom: -18px;
    width: calc(100% - 28px);
    height: calc(100% - 28px);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
    z-index: -1;
}

.ratecard::after {
    left: 37px;
    bottom: -36px;
    width: calc(100% - 74px);
    height: 18px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
    z-index: -2;
}

.ratecardbox {
    position: relative;
    padding: 40px 40px 69px;
    border-radius: 30px;
    color: var(--secondary);
    background-color: var(--white);
    background-image: url('../images/icon-quotes.svg');
    background-position: right 28px bottom 28px;
    background-repeat: no-repeat;
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
}

.ratescore {
    font-family: 'raleway-md', sans-serif;
    display: flex;
    gap: 20px;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.ratestars {
    display: flex;
    gap: 5px;
}

.ratestars span {
    display: block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background: url('../images/icon-star.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

.ratemsg {
    font-family: 'raleway-sb', sans-serif;
    font-size: 25px;
    line-height: 38px;
    margin-bottom: 20px;
}

.rateplat {
    font-size: 20px;
    line-height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
}

.rateplat::before {
    content: "";
    width: 34px;
    min-width: 34px;
    height: 34px;
    background: url('../images/icon-google-logo.svg');
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.stabsec { overflow: hidden; }

.stabsec .section-head {
    width: 786px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.stabs {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 100px;
    margin-top: 60px;
}

.stabs-nav {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 315px;
    min-width: 315px;
}

.stablink {
    display: flex;
    width: 100%;
    padding: 13px 20px;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    color: var(--secondary);
}

.stablink.active {
    color: var(--primary);
    background: var(--lightblue);
}

.stablink i {
    display: none;
    font-size: 10px;
}

.stabs-panes {
    flex: 1 0 calc(100% - 415px);
    max-width: calc(100% - 415px);
    margin-left: auto;
}

.stabpane {
    display: none;
    padding: 30px;
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
    border-radius: 10px;
}

.stabhead {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 22px;
}

.stabhead img { width: auto; height: auto; max-width: 55px; max-height: 55px; }

.stabhead i { display: none; }

.proclist {
    margin-top: 60px;
}

.proccard {
    padding: 30px;
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0px 5px 20px rgba(4, 36, 59, 0.2);
    z-index: 1;
}

.procitem {
    position: relative;
    display: flex;
    align-items: center;
    gap: 85px;
    width: 50%;
}

.procitem:nth-child(even) {
    margin-left: auto;
}

.procitem::before {
    content: "";
    position: absolute;
    left: -1.5px;
    top: 50%;
    width: 3px;
    height: 100%;
    background-color: var(--primary);
}

.procitem:nth-child(odd)::before {
    left: auto;
    right: -1.5px;
}

.procitem:last-child::before { display: none; }

.procitem::after {
    content: "";
    position: absolute;
    top: calc(50% - 1.5px);
    left: 0;
    width: 25%;
    height: 3px;
    background-color: var(--primary);
}

.procitem:nth-child(odd)::after {
    left: auto;
    right: 0;
}

.procitem .procnum {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 1;
    font-family: 'raleway-sb', sans-serif;
    font-size: 26px;
    line-height: 50px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    padding-bottom: 5px;
    border-radius: 50px;
    color: var(--white);
    background: var(--primary);
    margin-right: -25px;
    z-index: 1;
}

.procitem:nth-child(even) .procnum {
    order: 0;
    margin: 0;
    margin-left: -25px;
}

.prochead {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.prochead h3 {
    font-family: 'raleway-bd', sans-serif;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 0;
}

.prochead img {
    width: auto;
    height: auto;
    max-width: 45px;
    max-height: 45px;
}

.cslist {
    margin-top: 60px;
}

.cslist .row {
    row-gap: 30px;
}

.csitem {
    height: 100%;
    border-radius: 10px;
    box-shadow: 5px 5px 31px 0 rgba(0,0,0,0.2);
    background: linear-gradient(40deg, #3f637c, #124256, #3f637c);
    background: linear-gradient(8deg, #2264bc, #6c9cde, #6c9cde);
    overflow: hidden;
}

.csmedia a {
    display: block;
}

.csmedia img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.csinfo {
    padding: 20px;
}

.csinfo h3 {
    font-size: 22px;
    line-height: 32px;
}

.csinfo h3 a {
    color: var(--white);
}

.csinfo h3 a:hover {
    color: var(--yellow);
}

.cscats {
    font-size: 16px;
    line-height: 28px;
    color: var(--white);
}

.fourolist {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-top: 60px;
}

.fouroitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
    text-align: center;
    border-bottom: 3px solid var(--primary);
    border-radius: 20px;
    background: var(--white);
    box-shadow: 5px 5px 31px 0 rgba(0, 0, 0, 0.2);
}

.fouroitem h3 {
    margin: 15px 0 10px;
}

.fouroitem p {
    font-size: 16px;
    line-height: 24px;
}

.fouroitem .bttn {
    border-radius: 70px;
}


/*
** Consulting
*/
.formcons {
    padding: 30px 30px;
    background: var(--primary);
    border-radius: 10px;
}

.halfform {
    position: relative;
    /* background: url('../images/scbg.svg');
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: bottom 0 left 0px;
}

.halfform::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--lightgray);
    mix-blend-mode: hard-light;
    opacity: 1; */
}

.halfform .container { position: relative; }

.halfform h1 {
    padding-bottom: 20px;
}

.halfform h2 {
    margin-bottom: 16px;
}

.halfform h2 span {
    font-size: 0.9em;
    line-height: 1.2em;
}

.halfform-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 40px 0 30px;
}

.halfform-list li {
    padding: 2px 14px;
    margin: 0;
    border-radius: 6px;
    background: var(--lightblue);
}

/*Form Customizations*/
.iti { display: block; }

.formsc .wpcf7-form-control-wrap {
    display: block;
}

.formsc .row {
    row-gap: 20px;
}

.wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 1.3;
    padding: 6px 5px 3px;
    margin-top: -4px;
    color: #fff;
    background: #a60000;
    border-radius: 0px 0px 10px 10px;
}

.wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    line-height: 1.4em;
    padding: 8px 10px;
    margin: 20px 0 0 0;
    border: 0;
    border-radius: 5px;
    background: #fff;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: var(--green);
    color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output {
    background: #a60000;
    color: #ffffff;
}

.wpcf7-spinner {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateX(110px) translateY(-15px);
}

/*
** Contact Us
*/
.hero-contactus {
    position: relative;
    background-image: url('../images/contact-digital-marketing-expert.webp');
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-contactus::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(2, 30, 51, 0.9) 0%, rgba(4, 36, 59, 0.8) 100%);
    opacity: 1;
}

.hero-waveart {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    height: auto;
    z-index: 2;
}

.hero-contactus .section-head {
    width: 710px;
    max-width: 100%;
}

.hero-contactus .container {
    position: relative;
    z-index: 1;
}

.contactus {
    position: relative;
    z-index: 2;
}

.cuformbox {
    padding: 40px;
    margin-top: -300px;
    border-radius: var(--siteradius15);
    background: var(--white);
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.17);
}

.contactus .socialnav a {
    font-size: 22px;
}

/*
** Testimonials
*/

.hero-testi { position: relative; }

.hero-testi .container { position: relative; z-index: 1; }

.hero-testi .section-head p { margin-bottom: 40px; }

.hero-testi::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/hero-stars.webp');
    background-repeat: repeat;
    background-position: right center;
    opacity: 0.5;
}

.testgrid {
    /*
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    */
    column-count: 3;
    gap: 20px;
    margin-top: 60px;
}

.testibox {
    position: relative;
    padding: 30px;
    border-radius: 20px;
    break-inside: avoid;
    background: var(--white);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
}

.testibox + .testibox { margin-top: 20px; }

.testibox::before {
    position: absolute;
    content: "";
    top: 8px;
    right: 11px;
    width: 27px;
    height: 28px;
    background-image: url('../images/quote.svg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 26px auto;
    transform: rotate(180deg);
}

.testihead {
    display: flex;
    gap: 20px;
}

.testihead img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
}

.testiinfo h3 {
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}

.testiinfo span {
    font-size: 16px;
    line-height: 22px;
}

/*
** Case Studies
*/
.hero-cases { position: relative; }

.hero.hero-cases { min-height: 380px; }

.hero-cases::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/case-study-hero.svg'), url('../images/case-study-hero.svg');
    background-position: right -70% bottom -30%, left -70% top -30%;
    background-repeat: no-repeat;
    background-size: 54.34vw, 54.34vw;
    filter: brightness(0) invert(1);
    opacity: 1;
}

.hero-cases h1:last-child { margin-bottom: 0; }

.casestabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

.casestablink {
    font-size: 20px;
    padding: 5px 15px;
    background-color: transparent;
    border-radius: var(--siteradius);
    color: var(--secondary);
}

.casestablink:hover {
    color: var(--secondary-a);
    background: var(--lightblue);
}

.casestablink.active {
    color: var(--white);
    background: var(--primary);
}

.casestablink.active:hover {
    color: var(--white);
    background: var(--primary-a);
}

.caseslist {
    display: grid;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /* gap: 40px 20px; */
    /* grid-template-columns: repeat(2, 1fr); */
}

.casesitem {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
    margin: 10px;
}

.casesimg {
    position: relative;
    display: block;
    max-width: 100%;
    border-radius: 5px;
    /* box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(33, 33, 38, 0.2) 0px 2px 10px 0px; */
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.casesitem:hover .casesimg {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(33, 33, 38, 0.2) 0px 2px 10px 0px;
}

.casesimg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.casesimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.casesinfo {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 0;
    flex: 1 0 auto;
    /* background-color: var(--secondary);
    background-image: url('../images/case-study-card-bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 250px top 70%; */
    z-index: 1;
}

.casesinfo h3 {
    font-size: 22px;
    line-height: 34px;
}

.casesinfo h3 a {
    color: var(--secondary);
    transition: 0.3s ease-in-out;
}

.casesinfo h3 a:hover {
    color: var(--secondary-a);
}

.casestags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 5px;
    font-size: 12px;
    line-height: 28px;
    margin-top: 10px;
}

.casestags span {
    padding: 0 15px;
    border-radius: 100px;
    color: var(--secondary);
    background: var(--white);
    transition: 0.3s ease-in-out;
}

.casestags span a { color: var(--secondary); }

.casestags span:hover {
    color: var(--white);
    background: var(--secondary-a);
}


.casestags span:hover a { color: var(--white); }

/*
** Case Study Detail
*/

.hero-cscat { margin-top: -20px; margin-bottom: 26px; }

.csdsec { padding: 40px 0; }

.csdsec h2 { font-size: 34px; }
.csdsec h3 { font-size: 28px; }
.csdsec h4 { font-size: 24px; }
.csdsec h5 { font-size: 20px; }
.csdsec h6 { font-size: 16px; }
.csdsec ul, .csdsec ol { margin-bottom: 30px; }
.csdsec ul:last-child, .csdsec ol:last-child { margin-bottom: 0; }

.csd-cont p:not(:last-child) { margin-bottom: 30px; }

.csd-cont img { display: block; margin: 30px auto; border-radius: var(--siteradius10); }

.csd-block {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

.csd-half {
    flex: 1 0 100%;
    max-width: 100%;
}

.csd-half {
    flex: 1 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
}

.csd-block ul,
.csd-block ol {
    padding: 0;
    margin: 0;
}

.csd-block ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 26px;
    list-style: none;
}

.csd-block ul li::before {
    --bulletsize: 8px;
    content: "";
    width: var(--bulletsize);
    min-width: var(--bulletsize);
    height: var(--bulletsize);
    margin-top: 8px;
    border-radius: 100%;
    background-color: var(--secondary);
}

.csd-box {
    padding: 30px;
    border-radius: 10px;
    background: var(--lightblue);
}

.csdthumb img { border-radius: var(--siteradius10); }

.csd-servlist {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    text-align: center;
    margin-top: 40px;
}

.csd-servlist h3 {
    font-size: 20px;
    line-height: 26px;
    max-width: 200px;
    margin: 20px auto 0;
}

.csd-servimg {
    --csdsrvimgsize: 120px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--csdsrvimgsize);
    height: var(--csdsrvimgsize);
    background: var(--lightblue);
    border-radius: var(--siteradius15);
    box-shadow: 0px 3px 0px 1px var(--primary);
}

.csd-servimg img {
    width: 100%;
    height: auto;
    max-width: 66.66%;
    max-height: 60.83%;
}

.csd-results {
    padding: 60px 0;
    margin: 30px 0;
}

.csd-results+ *:not(.csdsec) {
    margin-top: -30px;
}

.csdres-list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.csdres-item {
    max-width: calc(33.33% - 20px);
    flex: 1 0 auto;
    padding: 30px;
    color: var(--white);
    border-radius: var(--siteradius10);
    background: var(--secondary);
    box-shadow: 0px 3px 0px 2px var(--primary);
}

.csdres-list h3 {
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    margin: 0;
}

.csdres-list p {
    font-size: 18px;
    line-height: 26px;
    margin-top: 10px;
}

/*
** Blog
*/
.hero-blog {
    position: relative;
}

.hero-blog .site-search { margin-bottom: 30px; }

.hero-blog::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/blog-bg.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.16;
    z-index: 0;
}

.hero-blog .container { position: relative; z-index: 1; }

.site-search {
    width: auto;
}

.search-form {
    display: flex;
    max-width: 450px;
    margin: 0 auto;
    border-radius: var(--siteradius10);
    background: var(--white);
    overflow: hidden;
}

.search-form label { flex: 1 0 auto; }

.search-form input[type="search"] {
    width: 100%;
    max-width: 100%;
    border: 0;
    border-radius: 0;
}

.search-submit {
    font-size: 20px;
    padding: 0 20px 0 0;
    border: 0;
    outline: none;
    background-color: transparent;
}

.postcats {
    position: relative;
    margin-top: 20px;
    white-space: nowrap;
    z-index: 1;
}

.postcats ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    /*
    padding: 10px;
    border-radius: 100px;
    background: var(--white);
    */
}

.postcats a {
    padding: 11px 15px;
    color: var(--secondary);
    border-radius: 100px;
}

.postcats a:hover {
    color: var(--primary);
}

.postcats a.active {
    color: var(--primary);
    background-color: var(--lightblue);
}


.postcats ul::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #e1e5f5;
    background-color: #F4F6FF;
}

.postcats ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
    background-color: #7e7e7e;
}

.postcats ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F4F6FF;
}

/* Pagination */
.pagination .nav-links { display: flex; flex-wrap: wrap; margin-top: 50px; justify-content: center; row-gap: 10px; }
.pagination .page-numbers {
    display: inline-flex;
    font-size: 18px;
    line-height: 1.2;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 0 4px;
    color: var(--secondary);
    background-color: var(--lightblue);
    transition:0.3s all ease-in-out;
}
.pagination .page-numbers:not(span):hover{ opacity:0.8; }
.pagination span.page-numbers { background-color: #f5f5f5; color: var(--body); opacity: 1; }
.pagination span.page-numbers.current { background: var(--primary); color: var(--white); }
.pagination .page-numbers.next, .pagination .page-numbers.prev { font-size: 8px; }
.pagination .page-numbers.prev i { display: inline-block; transform: rotate(90deg); transform-origin: center center; }
.pagination .page-numbers.next i { display: inline-block; transform: rotate(-90deg); transform-origin: center center; }

.bloglist-sc {
    display: grid;
    grid-template-columns: calc(50% - 27px) calc(25% - 27px) calc(25% - 27px);
    grid-template-rows: auto auto;
    gap: 40px;
    margin-bottom: 50px;
}

.bloglist-grid {
    display: flex;
    gap: 0 40px;
    flex-wrap: wrap;
}

.bloglist-paged {
    margin-top: 50px;
}

.postcard {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bloglist-grid .postcard {
    flex-direction: row;
    flex: 1 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
    gap: 24px;
    
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--lightblue);
}

.bloglist-grid .postcard:last-child,
.bloglist-grid .postcard:nth-last-child(2):nth-child(odd) {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.bloglist-grid .postcard-img {
    max-width: 250px;
}

.postcard-img img {
    object-fit: cover;
    object-position: center center;
    /* aspect-ratio: 1200 / 628; */
    border-radius: var(--siteradius10);
}

.postcard-brief {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}

.postcard-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 16px;
}

.postcard-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--body);
}

.postcard-cat {
    font-size: 16px;
    padding: 8px 0px 4px;
    border-radius: 20px;
}

.bloglist-grid .postcard-cat { padding-top: 0; }

.postcard-meta {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: auto;
}

.bloglist-sc .postcard-date {
    display: none;
}

.bloglist-sc .postcard-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    background: var(--lightblue);
    border-radius: var(--siteradius10);
}

.bloglist-sc .postcard-1 .postcard-brief {
    padding: 30px;
}

.bloglist-sc .postcard-1 .postcard-title {
    font-size: 32px;
    line-height: 40px;
}

.bloglist-sc .postcard-1 img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bloglist-sc .postcard-1 .postcard-cat { padding-top: 0; }

.section-search .search-form { border: 1px solid var(--formfieldborder); }

/*
** Blog Detail Page
*/

.singlecats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.singlecats a {
    font-size: 14px;
    line-height: 14px;
    padding: 5px 10px;
    color: var(--body);
    border-radius: var(--siteradius15);
    background: var(--white);
}

.singlemeta {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.singlemeta span {
    color: var(--lightblue);
}

.authorbox {
    padding: 10px;
    margin: 30px 0;
    border-radius: var(--siteradius10);
    background: var(--lightblue);
}

.authorhead {
    display: flex;
    gap: 15px;
    cursor: pointer;
}

.authorbox img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: var(--siteradius10);
}

.author-title {
    display: flex;
    flex-direction: column;
}

.authorhead .author-name {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: -4px;
}

.authorbox .icon-angle-down {
    font-size: 9px;
    transition: ease 0.3s all;
}

.authorbox.open .icon-angle-down {
    transform: rotate(180deg);
}

.author-role {
    font-size: 14px;
    line-height: 22px;
    color: #949494;
}

.authorbody {
    display: none;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 30px 5px 60px;
}

.authorbox .socialnav {
    font-size: 18px;
    gap: 16px;
}

.authorbox .socialnav a {
    color: var(--body);
}

.authorbox .socialnav a:hover {
    color: var(--primary);
}

.social-wa, .social-email {
    font-size: 21px;
}

.sidebar {
    flex: 0 0 315px;
    min-width: 315px;
}

.nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}

.nav-links>div {
    flex: 1 0 50%;
    max-width: 50%;
}

.nav-links .nav-subtitle {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: var(--body);
}

.nav-links .nav-title {
    font-size: 16px;
    line-height: 24px;
}

.nav-next {
    text-align: right;
    margin-left: auto;
}

.nav-links>div+div {
    padding-left: 30px;
}

.sevenc-line {
    height: 1px;
    border: 0;
    background-color: var(--formfieldborder);
}

.col-sidebar {
    padding-right: 40px;
}

/*
** About Us
*/

.scquote {
    width: 1000px;
    padding: 25px;
    margin: 0 auto 40px;
    border-radius: var(--siteradius15);
    background: var(--lightblue);
}

.sevenc-block {
    padding: 30px;
    border-radius: var(--siteradius15);
    background-color: var(--lightblue);
}

.sevenc-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 500px;
    max-width: 100%;
}

.sevenc-stat {
    padding: 20px;
    border: 1px solid var(--formfieldborder);
    border-radius: var(--siteradius10);
    background: var(--white);
}

.stat-count {
    font-size: 40px;
    line-height: 1em;
}

.sevenc-founder {
    margin-top: -50px;
}

.sevenCFeatured {
    width: 370px;
    padding: 20px;
    margin: 0 auto;
    border-radius: var(--siteradius15);
}

.sc-featlist {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.sc-featlist img {
    max-width: 90px;
    max-height: 60px;
    width: auto;
    height: auto;
}

.client-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
}

.client-grid img {
    width: 200px;
    height: 100px;
    padding: 20px;
    object-fit: contain;
    border-radius: var(--siteradius10);
    background: var(--lightgray);
}

.sevencStart img {
    border-radius: var(--siteradius10);
}

.succ-list {
    display: flex;
    gap: 25px;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
}

.succ-list li {
    width: 168px;
    margin: 0;
}

.succ-list img {
    width: 60px;
    height: auto;
}

.succ-list h3 {
    font-family: 'raleway-bd';
    font-size: 18px;
    margin-top: 10px;
}

.teamlist {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 40px;
}

.teamitem {
    flex: 1 0 33.33%;
    max-width: calc(33.33% - 20px);
}

.teamitem img {
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: top;
    margin-bottom: 20px;
    border-radius: var(--siteradius15);
}

.teaminfo {
    text-align: center;
}

.profile-name {
    font-family: 'raleway-bd', sans-serif;
    font-size: 22px;
    margin-bottom: 0;
}

.profile-desig {
    font-size: 16px;
}

.grecaptcha-badge { display: none !important; }