/****** Font ******/

:root {
    --bodytext: #101520;
    --primary: #F97B28;
    --secondary: #6c757d;
    --extralite: #969ABC;
    --bordercolor: #d5d5d5;
    --litebordercolor: #EAE8F2;
    --purple: #3C1A56;
    --red: #ff0000;
    --white: #ffffff;
    --black: #000000;
    --font: 'Manrope';
    --font2: 'Rota';
    --whitebg: #ffffff;
    --litebg: #e9ecef;
    --litebg2: #EAE8F2;
    --darkbg: #131841;
    --darkgradiant: linear-gradient(96.7deg, #131841 -0.62%, #49266B 99.71%);
    --gradient11: conic-gradient( from 90deg at 50% 50%, rgb(251, 55, 60), rgba(252, 114, 28, 1), rgba(255, 220, 0, 1), rgba(27, 206, 255, 1), rgba(42, 107, 255, 1), rgba(217, 41, 255, 1), rgba(255, 10, 92, 1) );
    --gradient: conic-gradient(from 0deg at 50% 50%, #DF2A28, #F97B28);
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Manrope';
    font-size: 16px;
    color: var(--bodytext);
    margin: 0;
    padding: 0;
    line-height: 1.4;
    background: #FFFFFF;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

img, svg {
    vertical-align: middle;
    height: auto;
    max-width: 100%;
}

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

input:focus, textarea:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font2);
    margin: 0;
    padding: 0;
    font-style: normal;
}

h1 {
    font-size: 120px;
    font-family: var(--font2);
    font-weight: 400;
    line-height: 82%;
}

h2 {
    font-size: 55px;
    font-weight: 700;
    font-family: var(--font2);
    line-height: 1.1;
}

h3 {
    font-size: 35px;
    font-weight: 700;
    font-family: var(--font2);
    line-height: 1.1;
}

h4 {
    font-size: 25px;
    font-weight: 700;
    font-family: var(--font2);
    line-height: 1.1;
}

h5 {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font2);
    line-height: 1.1;
}

h6 {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--font2);
    line-height: 1.1;
}

.divider {
    border-top: 1px solid var(--bordercolor);
    margin: 20px 0;
}

.ulList {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}

    .ulList li {
        margin: 0;
        padding: 0;
        font-size: 18px;
    }

        .ulList li a {
            color: inherit;
        }

small.patternDiv {
    font-size: 200px;
    margin-top: -50px;
    line-height: 0;
    display: inline-block;
    /*margin-left: -6px;*/
}

.subTitle {
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.h2Title {
}

    .h2Title span {
        color: var(--primary);
        font-weight: 700;
    }

        .h2Title span.text {
            color: var(--bodytext);
        }


.maxW-1060 {
    max-width: 1060px;
    margin: 0 auto;
}

p {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.22px;
    margin: 0;
    padding: 0;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt20 {
    padding-top: 20px !important;
}

.required {
    color: var(--red) !important;
}

.text {
    color: var(--bodytext) !important;
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-white {
    color: var(--white) !important;
}

.text-black {
    color: var(--black) !important;
}

.extralite-text {
    color: var(--extralite) !important;
}

.darkgradintbg {
    background: linear-gradient(96.7deg, #131841 -0.62%, #49266B 99.71%);
}

.lightbg {
    /*background: #EAE8F2 !important;*/
    background: #f2f1f7 !important
}

input::placeholder, textarea::placeholder {
    opacity: 1 !important;
}

input:focus-visible, input:focus, select:focus-visible, select:focus {
    outline: none;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}
.lh-100 {
    line-height: 100% !important;  
}
.lh-125 {
    line-height: 125% !important;
}
.lh-150 {
    line-height: 150% !important;
}


/***********|| Prefix Class Name ||*************/
.justify-content-right, .justify-content-center, .justify-content-left, .align-center, .align-bottom,
.align-left,
.align-right,
.align-top,
.align-between,
.justify-space-between {
    display: flex !important;
}

.align-right, .justify-content-right {
    justify-content: flex-end !important;
}

.align-justify-center, .justify-content-center {
    justify-content: center !important;
}

.align-left, .justify-content-left {
    justify-content: flex-start !important;
}

.align-between, .justify-space-between {
    justify-content: space-between !important;
}

.align-center {
    align-items: center !important;
}

.align-bottom {
    align-items: flex-end !important;
}

.align-top {
    align-items: flex-start !important;
}

.direction-column {
    flex-direction: column;
}
/***********|| END Prefix Class Name ||*************/


/************** form **************/
.form-group {
    margin-bottom: 20px;
}

.label-title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--extralite);
    margin-bottom: 5px;
}

.btn {
    border-radius: 0;
    font-size: 16px;
    font-weight: var(--font2);
    font-weight: 600;
    padding: 5px 20px;
    height: 45px;
    min-width: 160px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-primary {
    background-color: var(--bodytext);
    border-color: var(--bodytext);
    color: #fff;
    text-transform: uppercase;
}

    .btn-primary:hover {
        background-color: var(--darkbg) !important;
        border-color: var(--darkbg) !important;
    }

.btn-white {
    background-color: var(--white) !important;
    color: var(--bodytext) !important;
    text-transform: uppercase;
}

    .btn-white:hover {
        background-color: var(--primary) !important;
        border-color: var(--primary) !important;
        color: var(--white) !important;
    }

.form-control {
    border-radius: 0;
}

textarea.form-control {
    min-height: 100px;
}

.formDiv {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px;
}

.formSection {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    padding: 20px 0;
}

    .formSection .inputBox {
        flex-basis: 100%;
        padding: 15px;
    }

.inputBox {
    padding: 12px 0;
    display: block;
    position: relative;
}

    .inputBox label {
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        display: block;
        margin: 0;
        padding: 0 0 8px;
        color: var(--extralite);
    }

    .inputBox input, .inputBox select {
        font-weight: 400;
        font-size: 16px;
        border-bottom: 1px solid #969ABC !important;
        width: 100%;
        display: block;
        border: none;
        line-height: 20px;
        margin: 0 !important;
        padding: 0 !important;
    }

    .inputBox.btnInput {
        padding: 23px 0 0 0;
    }

textarea {
    resize: vertical;
    width: 100%;
    border-bottom: 1px solid #969ABC !important;
    min-height: 160px;
    border: none;
}

.inputBox .btn {
    max-width: 163px;
}

/************** End form **************/

.section {
    padding: 100px 0;
}

.titleDiv {
    margin-bottom: 40px;
}


/************** Header **************/
.headerSection {
    position: relative;
}

.header {
    padding: 20px 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header.fixed {
    padding: 15px 0;
    position: fixed;
    /*background-color: var(--darkbg);*/
    background: #050821;
    box-shadow: 0 0 25px rgba(0,0,0,.10);
    animation: smoothScroll 1s forwards;
}
.header.whiteHeader.fixed {
    position: fixed;
    background-color: var(--white);
    box-shadow: 0 5px 20px rgba(0,0,0,.10);
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

.logoDiv {
    display: block;
}

.menu {
    margin: 0;
    padding: 0;
}

.menu > ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0 40px;
}
.menu > ul > li {
    margin: 0;
    padding: 0;
    display: block;
}
.menu > ul > li > a {
    margin: 0;
    padding: 8px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: var(--white);
    display: inline-block;
    letter-spacing: 0.96px;
    text-transform: uppercase;
}
.menu > ul > li:hover > a, .menu > ul > li.active > a {
    color: var(--primary) !important;
}
.menu > ul > li:hover .icon-down, .menu > ul > li.active .icon-down {
    stroke: var(--primary) !important;
}
.menu .icon-down {
    stroke: white;
    fill: none;
    padding: 0;
    margin-left: 5px;
    margin-top: -7px;
}
.menu .dropdown-toggle::after {
    display: none;
}
.menu > ul > li:hover .dropdown-menu {
    display: block;
}
.menu .dropdown-menu {
    font-size: 15px;
    min-width: inherit;
    width: 220px;
}
.menu .dropdown-menu .dropdown-item {
    white-space: inherit;
}
.whiteHeader .menu > ul > li > a {
    color: var(--bodytext);
}
.whiteHeader .menu .icon-down {
    stroke: var(--bodytext);
}

/** HOME MENU S  ***/
.header.whiteHeader.fixed {
    background: #050821;
}
.header.whiteHeader.fixed .btn-primary {
    background-color: var(--white) !important;
    border-color: var(--white) !important;
    color: var(--bodytext) !important;
    text-transform: uppercase;
}
.header.whiteHeader.fixed .btn-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}
.whiteHeader .logoDiv svg {
    fill: var(--black);
}
.header.whiteHeader.fixed .logoDiv svg {
    fill: var(--white);
}
.header.whiteHeader.fixed .menu > ul > li:hover .icon-down, .header.whiteHeader.fixed .menu > ul > li.active .icon-down {
    stroke: var(--primary) !important;
}
.whiteHeader .menu .icon-down {
    stroke: var(--bodytext);
}
/** HOME MENU END  ***/




/** Media ***/
.menu_open_close {
    display: none;
}

.megaNav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.megaNav li {
    margin: 0;
    padding: 10px 0;
    border-right: 1px solid var(--bordercolor);
}
.megaNav li a {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 500;
    color: var(--extralite);
}
.megaNav li.active, .megaNav li:hover {
    border-color: var(--primary);
}
.megaNav li.active a, .megaNav li:hover a {
    color: var(--bodytext);
}
.viewAllMega {
    margin-top: 30px;
}
.megaMenuServices {
}
.megaMenuServInfo {
    width: 40%;
    padding-right: 50px;
}
.megaMenuServList {
    width: 55%;
}
.megaMenuServInfo p {
    font-size: 18px;
}
.megaSubMenuList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex !important;
    flex-direction: column;
    gap: 15px 0;
}
.megaSubMenuList li {
    margin: 0;
    padding: 0 0 0 35px !important;
    position: relative;
}
.megaSubMenuList li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 17px;
    height: 1px;
    border-top: 1px solid var(--extralite);
}
.megaSubMenuList li a {
    font-size: 20px;
    color: var(--bodytext) !important;
}
.megaSubMenuList ul {
    padding-top: 15px;
    display: flex !important;
    flex-direction: column;
    gap: 15px 0;
}
.megaSubMenuList ul li::before {
    top: 11px;
}
.megaSubMenuList ul li a {
    font-size: 16px;
}
.megaSubMenuList li:hover:before {
    border-color: var(--primary);
}
.megaSubMenuList li:hover > a, .megaSubMenuList li.active > a,
.megaSubMenuList ul li:hover a, .megaSubMenuList ul li.active a {
    color: var(--primary) !important;
}



/************** Banner **************/
.bannerBg {
    background: var(--white);
    min-height: 100vh;
    position: relative;
}

.innerBannner {
    background: var(--gradient-dark-blue-light-blue, linear-gradient(97deg, #131841 -0.62%, #49266B 99.71%));
    /*background: #131841;*/
}

.bannerContent {
    padding: 120px 0 50px 0;
    min-height: 715px;
    display: flex;
    align-items: center;
}

    .bannerContent .h1Heading {
        position: relative;
        z-index: 4;
        display: block;
    }

    .bannerContent h1 {
        margin-bottom: 30px;/*10*/
        display: block;
        line-height: 0.90;
    }

        .bannerContent h1 strong {
            display: block;
            font-weight: 800;
        }

    .bannerContent p {
        font-size: 22px;
        line-height: 150%;
        max-width: 680px;/*420*/
    }

    .bannerContent .learnMore {
        margin-top: 20px;
    }

.learnMore {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary) !important;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.learnIcon {
    /*display: inline-flex;
    justify-content: center;
    align-items: center;
    */
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid var(--primary);
    position: relative;
}

    .learnIcon::before {
        content: "";
        display: block;
        background-image: url('data:image/svg+xml,<svg width="22" height="11" viewBox="0 0 22 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.7929 5.85355H0V4.85355H19.7929L15.6464 0.707107L16.3536 0L21.3536 5L21.7071 5.35355L21.3536 5.70711L16.3536 10.7071L15.6464 10L19.7929 5.85355Z" fill="%23F97B28"/></svg>');
        background-size: 100%;
        width: 22px;
        height: 11px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
    }


.dash {
    min-width: 14px;
    border-top: 1px solid var(--primary);
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.bannerBg {
    overflow: hidden;
}

.bannerImgSection {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 780px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
}

    .bannerImgSection:before {
        content: "";
        position: absolute;
        width: 70%;
        height: 100%;
        background: var(--white);
        z-index: 3;
        left: -27%;
        transform: skewX(-37deg);
    }

.bannerShapeDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

    .bannerShapeDiv img {
        height: 100%;
    }

.bannerImg {
    position: relative;
    z-index: 1;
}

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

.bannerGreatLogo {
    position: absolute;
    left: 38%;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    padding-top: 35px;
}

.carousel-indi-tab {
    display: flex;
}

.homeBanner .carousel-indicators {
    margin: auto;
    z-index: 4;
    bottom: 20px;
}

.carousel-indiBox {
    background: rgba(0,0,0,0.8);
    border-radius: 50px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.homeBanner .carousel-indicators span {
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    text-transform: uppercase;
    padding: 8px 18px;
    border-radius: 50px;
    border: 0;
    width: auto;
    height: auto;
    text-indent: inherit;
    opacity: 1;
}

.homeBanner .carousel-indicators .active {
    background-color: var(--white);
    color: var(--bodytext);
}

/* Innner Banner */
.innerBannner {
    overflow: hidden;
}

    .innerBannner .bannerContent {
        min-height: 660px;
    }

.innerBannnerSection {
    display: flex;
    height: 660px;
    background: var(--darkbg);
    align-items: center;
}

    .innerBannnerSection > div {
        /*width: 50%;*/
    }

.innerBannnerInfo {
    display: flex;
    align-items: center;
    padding-top: 100px;
}

    .innerBannnerInfo .h1Heading {
        position: relative;
        z-index: 4;
        display: block;
        max-width: 660px;
        width: 100%;
        padding: 50px 0;
    }

    .innerBannnerInfo .subTitle {
        margin-bottom: 50px;
        font-size: 18px;
        font-family: var(--font2);
    }

    .innerBannnerInfo h1 {
        margin-bottom: 10px;
        display: block;
        line-height: 0.90;
    }

    .innerBannnerInfo p {
        font-size: 22px;
        line-height: 150%;
        max-width: 520px;
    }

    .innerBannnerInfo h1 strong {
        display: block;
    }
    .innerBannnerInfo h1 .bannerSubAITitle {
        position: relative;
        padding-right: 75px;
    }
    .innerBannnerInfo h1 .AIIcon {
        position: absolute;
        top: -55px;
        right: 0;
    }

.innerBannnerImage {
    width: 100%;
    height: 100%;
    position: relative;
}

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

.innerBannnerImage:before {
    content: "";
    position: absolute;
    width: 75%;
    height: 100%;
    background: var(--darkbg);
    z-index: 3;
    left: -34%;
    transform: skewX(-37deg);
    display: none;
}

.whiteInnerBannner {
    background-color: var(--white);
    height: 450px;
}

    .whiteInnerBannner .bannerShapeDiv {
        text-align: right;
    }

.fullInnerBanner {
    overflow: hidden;
}

    .fullInnerBanner .container {
        width: 100%;
    }

    .fullInnerBanner .innerBannnerInfo .h1Heading {
        max-width: 100%;
    }

    .fullInnerBanner .bannerShapeDiv {
        left: auto;
        right: 0;
        width: auto;
        height: 450px;
    }



/* Simple Premise */
.simplePremise {
    background: var(--darkgradiant);
    padding-top: 210px;
    position: relative;
    z-index: 1;
    padding-bottom:550px;
}
.servicesSlidebg {
    margin-top: -500px;
    margin-bottom: -10px;
    z-index: 1;
    position: relative;
}

.simplePremise {
}

.patternShap {
    position: absolute;
    right: 605px;
    top: 0;
    text-align: center;
    z-index: -1;
    max-width: 445px;
}

.simplePremise .container {
    width: 80%;
}

.simplePremise .h2Title {
    max-width: 500px;
    font-weight: 400;
}

    .simplePremise .h2Title span {
        font-weight: 700;
    }

.simplePremise p {
    font-weight: 500;
}

/* Case studies */
.caseStudiesBg {
    position: relative;
    z-index: 1;
}

    .caseStudiesBg::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 355px;
        z-index: -1;
        background: var(--darkgradiant);
    }

.caseBox {
    margin: 10px 0 0;
    display: block;
    transition: all .5s ease-in-out 0s;
    height: calc(100% - 10px);
    background: var(--white);
}

    .caseBox .image img {
        width: 100%;
    }

    .caseBox .info {
        padding: 50px 50px;        
    }

        .caseBox .info .lf {
            flex: 1;
            padding-right: 30px;
        }

        .caseBox .info .subTitle {
            margin-bottom: 15px;
            letter-spacing: 0.2px;
        }

        .caseBox .info h3 {
            margin: 0;
            font-size: 30px;
            color: var(--bodytext);
            font-weight: 500;
            line-height: 1.2;
        }

            .caseBox .info h3 strong {
                font-weight: 800; /*800*/
            }

        .caseBox .info .learnIcon {
            flex-shrink: 0;
        }

/* Approach */
.shapLine {
    position: absolute;
    left: -62px;
    top: 0;
}

.approachSection {
    /*padding: 0;
    overflow: hidden;
        */
}

.approachGettingInfo {
    /*padding-top: 220px;*/
}
.approachGettingInfo p {
    max-width: 1000px;
    margin: auto;
}

    

.approachGettingDetails {
    position: relative;    
}

.approachListing {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;    
    flex-wrap: wrap;
    gap: 25px 40px;
    /*overflow: hidden;*/
}
.approachListing li {
    margin: 0;
    padding: 0;
    width: calc(25% - 30px);
    position: relative;
}
.approachListing li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;    
    height: 1px;
    background: #969ABC;
}
.approachListing li:after {
    content: '';
    position: absolute;        
    right: -30px;
    top: 67px;
    width: 20px;
    height: 20px;
    background: url("../images/arrow-approach.svg") no-repeat 0px 0px;
    background-size: 100%;
}
.approachListing li:last-child::after {
    display:none;
}
.approachListing li:first-child:before {
    left: 50%;
}
.approachListing li:last-child:before {
    right: 50%;       
 }

        

.approachListBox {
    display: flex;
    flex-direction: column;
    gap: 25px 0;
    text-align: center;
}

    .approachListBox .image {
        width: 150px;
        height: 150px;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 50%;
        margin: auto;
    }

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

    .approachListBox .overlayTitle {
        position: absolute;
        left: 0;
        right: 0;
        top: 10px;
        bottom: 0;
        font-size: 55px;
        font-weight: 500;
        line-height: 1;
        color: var(--white);
        font-family: var(--font2);
        background: rgba(0,0,0,0.1);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 20px;
        border-radius: 50%;
    }
    .approachListBox .overlayTitle span {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        background: var(--primary);
        margin: 10px -10px 0 8px;
    }
    .approachListBox .info {
        flex: 1;
        max-width: 100%;
        position: relative;
        max-width: 300px;
        margin: auto;
    }

        .approachListBox .info::before {
            content: '';
            position: absolute;
            left: -50px;
            top: 71px;
            width: 30px;
            height: 1px;
            background-color: var(--primary);
            display: none;
        }

        .approachListBox .info h3 {
            color: var(--bodytext);
            font-size: 25px;
            margin-bottom: 5px;
        }

        .approachListBox .info p {
            margin: 0;
            font-size: 18px;
            font-weight: 400;
        }

/* Services Section */
.servicesSlider {
}

    .servicesSlider .owl-carousel .owl-stage-outer {
        /*margin-left: -100px;*/
    }

.servicesSlidebg .container-fluid {
    /*padding-left: 0;
    padding-right: 0;*/
}

.servicesSlider .owl-theme .owl-nav {
    color: #fff;
}

    .servicesSlider .owl-theme .owl-nav [class*=owl-] {
        margin: 0;
        padding: 0;
        background-color: transparent;
    }

    .servicesSlider .owl-theme .owl-nav button {
        position: absolute;
        top: 10px;
        bottom: 0px;
        width: 71px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        background: linear-gradient(150deg, rgba(249, 123, 40, 0.43) 0%, rgba(87, 61, 158, 0.66) 51.74%, rgba(23, 45, 158, 0.60) 103.47%) !important;
    }

        .servicesSlider .owl-theme .owl-nav button [class*=owl-] {
            width: 17px;
            height: 34px;
            background: url('data:image/svg+xml,<svg width="19" height="36" viewBox="0 0 19 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L18 18L1 35" stroke="white"/></svg>');
            background-repeat: no-repeat;
            background-size: 100%;
            display: block;
        }

    .servicesSlider .owl-theme .owl-nav .owl-prev .owl-icon {
        transform: rotate(180deg);
        position: relative;
        top: -2px;
    }

    .servicesSlider .owl-theme .owl-nav .owl-prev {
        left: 0;
    }

    .servicesSlider .owl-theme .owl-nav .owl-next {
        right: 0;
    }



.servicesBox {
    /*margin: 10px 0 0;*/
    position: relative;
    min-height: 400px; /*500px*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    color: inherit;
}
.servicesBox .image {
    position: relative;
}
.servicesBox .image img {
    width: 100%;
    object-fit: cover;
}

    /*.servicesBox .overlayTitle {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 34px;
        font-weight: 700;
        line-height: 1.1;
        color: var(--white);
        font-family: var(--font2);
        background: linear-gradient(146.7deg, rgba(249, 123, 40, 0.43) -9.1%, rgba(87, 61, 158, 0.66) 45.95%, rgba(23, 45, 158, 0.6) 101%);
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        padding: 20px 30px;
    }*/

.servicesBox .info {
    /*
    padding: 25px 25px;
    background: var(--white);
    min-height: 200px;
    display: flex;
    flex-direction: column;
    */
    padding: 50px 50px 25px 50px;    /*60px 50px 25px 50px*/     
    display: flex;
    flex-direction: column;
    position: absolute;    
    top: 0;
    bottom: 0;    
    background: linear-gradient(180deg, rgba(23, 45, 158, 0.60) 0%, rgba(87, 61, 158, 0.66) 50%, rgba(249, 123, 40, 0.43) 100%);
}
.servicesBox .info h3 {
    margin-bottom: 15px;
    padding: 0;
    /*font-size: 34px;*/
    font-weight: 700;
    line-height: 1.1;
    color: var(--white);
}
.servicesBox .info p {
    margin-bottom: 15px;
    font-size: 18px;
    color: var(--white);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    opacity:1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.servicesBox .info .learnIcon {
    width: 50px;
    height: 50px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.servicesBox .info .align-right {
    margin-top: auto;
}
.servicesBox:hover .info p {
    opacity: 1;
}
.servicesBox:hover .info .learnIcon {
    opacity: 1;
}



/* Great Place Section */
.greatbg {
    background: #EAE8F2;
    position: relative;
}

.greatSection {
    max-width: 650px;
    position: relative;
    z-index: 1;
}

.greatdigitBox strong {
    display: block;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px;
    color: #DF2A28;
}

.greatdigitBox span {
    font-size: 22px;
    display: block;
    font-weight: 500;
}

.greatdigitList {
    gap: 15px 0;
    margin-bottom: 40px;
}

.greatImage {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 45%;
}

    .greatImage:before {
        content: "";
        width: 40%;
        height: calc(100% + 1px);
        background: #eae8f2;
        transform: skewX(-17deg);
        position: absolute;
        left: -137px;
        top: 0;
        display: block;
        z-index: 0;
    }

.greatlogo {
    position: absolute;
    right: 150px;
    text-align: right;
    top: -11px;
}

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

/* Featured Articles */
.featuredSec .titleDiv {
    max-width: 350px;
}

.featuredBox {
    margin: 0;
    display: flex;
    gap: 10px 30px;
    align-items: center;
    color: var(--bodytext);
}

.featuredBox ~ .featuredBox {
    margin-top: 30px;
}

.featuredBox .image {
    width: 25%;
    height: 135px;
}


        .featuredBox .image a {
            padding: 0;
        }

.featuredBox .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.featuredBox .info {
    flex: 1;
}

.featuredBox .info h3, .featuredBox .info h4 {
    margin: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 15px;
}

.featuredBox .info h3 a, .featuredBox .info h4 a {
    color: inherit;
    font-size: inherit;
    padding: 0;
}
              
.featuredBox .info h4 {
    font-size: 22px;
}
.featuredBox:hover {
    color: var(--primary);
}

.featuredDate {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font2);
    color: var(--extralite);
    text-transform: uppercase;
}

.viewAll {
    color: var(--bodytext) !important;
    position: relative;
    padding: 0 32px 0 0 !important;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font2);
    text-transform: uppercase;
    display: inline-block;
}

    .viewAll::before {
        content: "";
        display: block;
        background-image: url('data:image/svg+xml,<svg width="22" height="11" viewBox="0 0 22 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.7929 6.00004H0V5.00004H19.7929L15.6464 0.853591L16.3536 0.146484L21.3536 5.14648L21.7071 5.50004L21.3536 5.85359L16.3536 10.8536L15.6464 10.1465L19.7929 6.00004Z" fill="%23101520"/></svg>');
        position: absolute;
        right: 0;
        top: 4px;
        width: 22px;
        height: 11px;
    }

    .viewAll:hover::before {
        background-image: url('data:image/svg+xml,<svg width="22" height="11" viewBox="0 0 22 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.7929 5.85355H0V4.85355H19.7929L15.6464 0.707107L16.3536 0L21.3536 5L21.7071 5.35355L21.3536 5.70711L16.3536 10.7071L15.6464 10L19.7929 5.85355Z" fill="%23F97B28"/></svg>');
    }

    .viewAll:hover {
        color: var(--primary) !important;
    }

.megaFeaturedList {
    max-width: 100%;
    display: flex;
    /*flex-direction: column;*/
    gap: 20px 30px;
}
.megaFeaturedList .featuredBox {
    margin: 0;
}


/* Learn Sec */
.learnSec {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .learnSec .titleDiv {
        max-width: 800px;
        margin: 0 !important;
    }

        .learnSec .titleDiv .h2Title {
            font-size: 70px;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 30px;
        }

        .learnSec .titleDiv .btn {
            margin-top: 40px;
        }

    /*.learnSec .shapLine {
        position: absolute;
        left: auto;
        right: 0;
        top: 0;
        z-index: -1;
    }*/
    .learnSec .shapCard {
        left: inherit;
        right: 30%;
        z-index: -1;
    }


/* footer */
.footer {
    background: #050821;
}
.mainFooter {
    padding: 80px 0;
    color: var(--extralite);
}
.mainFooter a {
    color: var(--extralite);
}
.footer h2 {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.footer h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
    font-family: var(--font);
}
.copyrightFooter {
    border-top: 1px solid #392158;
    font-size: 14px;
    color: var(--white);
    padding: 15px 0;
}
.copyrightFooter a {
    color: var(--white);
    cursor: pointer;
}
.copyright {
    padding: 10px 0;
}
.termslinks {
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 5px 20px;
}
.termslinks a:hover {
    color: var(--primary) !important;
}

.footerStaySection {
    display: flex;
    justify-content: space-between;
    gap: 10px 30px;
    padding-bottom: 30px;
    margin-bottom: 45px;
    border-bottom: 1px solid #392158;
    flex-wrap:wrap;
}
.footerStayleft {
    width: 65%;
}
.footerStayleft .row{
    --bs-gutter-x: 2rem;
}
.footerStayright {
    flex: 1;
}

.newslatter {
    position: relative;
    margin-bottom: 35px; /*70*/
}
.newslatter .form-control {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--white);
    width: 100%;
    height: auto;
    padding: 10px 50px 10px 0px;
    box-shadow: none;
    color: var(--white);
    font-size: 20px;
}
.newslatter .btn-newslatter {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-self: center;
    padding: 0;
}
.newslatter .btn-newslatter svg {
    fill: none;
    stroke: var(--primary);
    width: 24px;
    height: 24px;
}
.newslatter .form-control::-moz-placeholder {
    color: var(--white);
    opacity: 1;
}
.newslatter .form-control::placeholder {
    color: var(--white);
    opacity: 1;
}

.footerBox.footerStay {
    max-width: 360px;
}

.footerSocial {
    display: flex;
    align-items: center;
    gap: 10px 35px;
}

.footSocialTitle {
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
    display: block;
    margin-top: 5px;
}

.social {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .social li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .social li a {
            text-decoration: none;
        }

            .social li a svg {
                fill: var(--extralite);
            }

.footerSocial .social li a:hover svg {
    fill: var(--primary);
}

.footerNav {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px 0;
}

    .footerNav li {
        margin: 0;
        padding: 0;
    }

        .footerNav li a {
            color: inherit;
            cursor: pointer;
        }

            .footerNav li a:hover {
                color: var(--white) !important;
            }

.footerGreatIso {
    display: flex;
    align-items: flex-start;
    gap: 20px 15px;
}


/* Innner Patern */
.patternSec {
    position: relative;
}

.patternSec .patternShap {
    right: calc(50% - 163px);
    max-width: 385px;
}

.careerDetailBg.patternSec .patternShap {
    right: 344px;
    transform: rotate(0deg);
}
.cmsPageContent.patternSec .patternShap {
    right: 307px;
    transform: rotate(0deg);
}
.blogBg.patternSec .patternShap {
    right: 338px;
    transform: rotate(0deg);
}
.blogDetails.patternSec .patternShap {
    right: 394px;
    transform: rotate(0deg);
}


/**** About Us****/


.titleDetailsDiv {
    max-width: 1060px;
    margin: 0 auto;
}
.whoAboutBlock p ~ p {
    margin-top: 20px;
}
.boxDetails label {
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.6px;
    color: #DF2A28;
}

.boxDetails p {
    font-weight: 500;
}

.boxDetails:nth-child(even) {
    padding-top: 120px;
}

.boxDetails {
    border-right: 1px solid var(--bordercolor); /*#EAE8F2*/
    max-width: 250px;
    padding: 20px 30px;
    height: 324px;
}

    .boxDetails:last-child {
        border-right: none;
    }


.section.ourCoreValuesSection {
    background: var(--gradient-dark-blue-light-blue, linear-gradient(97deg, #131841 -0.62%, #49266B 99.71%));
}

.ourCoreValuesContent {
    max-width: 530px;
    flex-basis: 530px;
}

.ourCoreValuesDiv {
    gap: 25px;
}

.boxListSection {
     display: grid;
    grid-template-columns: repeat(3, 3fr);
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 30px;    
    max-width: calc(100% - 530px);
    flex-basis: calc(100% - 530px);
}

.boxListDiv {
    grid-column: 3 / 3;
    padding: 25px;
    height: 156px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    min-width: 215px;
    margin: 0 !important;
    gap: 10px;
}

.boxListDiv:nth-child(2), .boxListDiv:nth-child(5) {
    grid-column: 2;
}
.boxListDiv:nth-child(4) {
    grid-column: 1;
}

/* New Round Design */
.boxListBlock {
    position: relative;
    width: 500px;
    height: 500px;
    /*background:#fff;*/
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.25);
}
.boxListCircular {
    
}
.boxListCircular .iwtText {
    font-size: 17px;    
    line-height: 120%;
    word-wrap: normal;
    white-space: normal;
}
.boxLogo {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.030);
    border-radius: 50%;
}
.boxListCircular .boxListDiv {
    position: absolute;
    padding: 0;
    height: auto;    
    min-width: inherit;
    width: 150px;
    text-align: center;
}
.boxListCircular .boxListDiv:nth-child(1) {
    top: 20px;
    left: calc(50% - 75px);
}
.boxListCircular .boxListDiv:nth-child(2) {
    top: 25%;
    right: 10px;
}
.boxListCircular .boxListDiv:nth-child(3) {
    top: 55%;
    right: 30px;
}
.boxListCircular .boxListDiv:nth-child(4) {
    bottom: 20px;
    left: calc(50% - 75px);
}
.boxListCircular .boxListDiv:nth-child(5) {
    top: 55%;
    left: 25px;
}
.boxListCircular .boxListDiv:nth-child(6) {
    top: 25%;
    left: 0;
}


    

.iwtText {
    font-size: 22px;
    white-space: nowrap;
}

.ourLeadershipContent .titleDiv {
    max-width: 390px;
    flex-basis: 390px;
    margin: 0 0 0 auto;
}

.ourLeadershipContent p {
    padding: 22px 0;
}

.leaderTitle strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.leaderTitle {
    gap: 7px;
}

    .leaderTitle span {
        height: 2px;
        width: 15px;
        background: var(--primary);
        display: block;
    }

.ourLeadershipInfo > div {
    max-width: 50%;
    flex-basis: 50%;
    position: relative;
}

.ourLeadershipContent .h2heading {
    max-width: 390px;
    flex-basis: 390px;
    margin: 0 0 0 auto;
}

.ourLeadershipSection {
    position: relative;
    overflow: hidden;
}

.leadershipImg {
    max-width: 410px;
    padding-top: 80px;
    max-height: 640px;
    z-index: 1;
    position: relative;
}

.leaderSection {
    position: relative;
}



/****** End About Us *****/
/**** Contact ****/
.contactInfoBox label {
    color: #DF2A28;
    font-size: 28px;
    font-weight: 700;
    line-height: 100%;
    padding-bottom: 8px;
    display: block;
    font-family: var(--font2);
}

.contactInfoSection {
    display: flex;
    flex-direction: column;
    gap: 50px 0;
}

.contactInfoBox p a {
    color: var(--bodytext) !important;
}

.captchaBox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 25px;
    padding: 5px 0;
}

.captchaInput {
    width: 200px;
}


/**** End Contact ****/
/* CAREER */
.growCareerBlock {
    max-width: 625px;
    margin: auto;
}

    .growCareerBlock p {
        margin-bottom: 20px;
    }

.growCareerBox {
    border: 1px solid var(--bordercolor);
    padding: 40px 50px 50px 50px;
    display: flex;
    align-items: center;
    gap: 10px 40px;
}

    .growCareerBox .image {
        flex-shrink: 0;
        width: 140px;
        margin-top: 10px;
    }

    .growCareerBox .info {
        flex: 1;
    }

        .growCareerBox .info h3 {
            font-size: 32px;
        }

/* Work We Nurture Diversity */
.WorkplaceTitleInfo {
    padding-right: 50px;
    position: sticky;
    top: 150px;
    z-index: 10;
}

.workplaceNaturalDetails p {
    margin-bottom: 20px;
}

.workplaceListing {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

.workplaceBox {
    display: flex;
    gap: 10px 25px;
}

    .workplaceBox .iconSvg {
        width: 65px;
    }

    .workplaceBox .info {
        flex: 1;
    }

        .workplaceBox .info h3 {
            color: var(--white);
            margin-bottom: 5px;
        }

        .workplaceBox .info p {
            font-size: 16px;
        }

/* Stories */
.storiesSec {
    position: relative;
    overflow: hidden;
    /*border-top: 1px solid var(--litebordercolor);*/
}

    .storiesSec .titleDiv h2 {
        line-height: 1;
        z-index: 2;
        position: relative;
    }

    .storiesSec .shapLine {
        position: absolute;
        left: auto;
        top: 0;
        right: 0;
        z-index: -1;
    }

.storiesBox {
    padding: 40px;
    background: var(--white);
    box-shadow: 0px 8px 36px 0px #0000000A;
    border: 1px solid var(--litebordercolor);
    margin: 0 15px;
}
.storiesBox .clientsImg {display:none;}
    .storiesBox p {
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 25px;
    }

    .storiesBox .storiesDesignation {
        font-size: 20px;
        font-weight: 600;
    }

        .storiesBox .storiesDesignation strong {
            color: var(--primary);
            margin-right: 5px;
        }

.story-owl-carousel {
}

.owl-theme .owl-dots {
    display: flex;
    gap: 0 5px;
}

.story-owl-carousel .owl-dots {
    position: absolute;
    left: -51%;
    bottom: 10px;
}

.story-owl-carousel.owl-theme .owl-dots .owl-dot {
}

    .story-owl-carousel.owl-theme .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 6px;
    }

    .story-owl-carousel.owl-theme .owl-dots .owl-dot.active span, .story-owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
        background: #DF2A28;
    }

    .story-owl-carousel.owl-theme .owl-dots .owl-dot.active {
        background: #EAE8F2;
        border-radius: 50%;
    }

/* Join Team Section */
.joinTeamSec {
    background: #EAE8F2;
}

    .joinTeamSec .titleDiv {
        max-width: 250px;
        margin: auto;
    }

.positionsOpenList {
    max-width: 700px;
    margin: -10px auto 0;
}

.openPositionBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 35px 0 25px 0;
    border-bottom: 1px solid var(--bodytext);
}

    .openPositionBox .info {
        flex: 1;
        padding-right: 20px;
    }

        .openPositionBox .info h3 {
            margin-bottom: 2px;
            font-size: 30px;
            font-weight: 400;
            line-height: 1;
        }

            .openPositionBox .info h3 a {
                color: inherit;
            }

                .openPositionBox .info h3 a:hover {
                    color: var(--primary);
                }

        .openPositionBox .info p {
            font-size: 18px;
            font-weight: 400;
        }

    .openPositionBox .viewAll {
        flex-shrink: 0;
    }

/* CMS PAGES */
.cmsBanner {height: 400px;}

/* Career Detail */
.careerDetailBanner {
    height: 500px;
}

    .careerDetailBanner h1 {
        font-size: 90px;
    }

    .careerDetailBanner .learnMore {
        margin-top: 40px;
    }

.careerDetail {
    max-width: 900px;
    width: 100%;
    margin: auto;
}

    .careerDetail h2:first-child, .careerDetail h3:first-child {
        margin-top: 0;
    }

    .careerDetail h2, .careerDetail h3 {
        margin-bottom: 10px;
        margin-top: 40px;
    }

    .careerDetail p {
        margin-bottom: 20px;
    }

    .careerDetail ul {
        list-style: disc;
        margin-left: 32px;
    }

    .careerDetail ul, .careerDetail ol {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px 0;
        font-size: 22px;
    }

.applyModal {
}

    .applyModal .modal-dialog {
        max-width: 650px;
    }

    .applyModal .modal-content {
        border-radius: 0;
    }

    .applyModal .modal-header {
        background: var(--litebg2);
        padding: 20px 30px;
    }

    .applyModal .modal-title {
        font-size: 30px;
        font-weight: 400;
        line-height: 1.25;
    }

    .applyModal .expNumModal {
        font-size: 16px;
    }

    .applyModal .modal-body {
        padding: 30px;
    }

    .applyModal .modal-footer {
        justify-content: flex-start;
        border-top: 1px solid #f5f5f5;
        padding: 20px 30px;
    }

        .applyModal .modal-footer > * {
            margin: 0;
        }

.applyFrmTitle {
}

.form-control-border {
    border: 0;
    border-bottom: 1px solid var(--bordercolor) !important;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none !important;
}




.customFileUploadBox {
    border: 2px dashed var(--bordercolor);
    padding: 30px;
    text-align: center;
    cursor: pointer;
}

    .customFileUploadBox h4 {
        margin: 0 0 2px 0;
        font-size: 20px;
        font-weight: 400;
    }

    .customFileUploadBox span {
        display: block;
        font-size: 16px;
        font-weight: 400;
        color: var(--extralite);
    }

.customFileOutput {
    margin-top: 10px;
    display: block;
}


.contactFormSection .container {
    max-width: 1060px;
}

.pl50 {
    padding-left: 50px !important;
}

.workTogetherSection .highlight {
    font-size: 28px;
    line-height: 158%;
}


/* Blog */
.blogBg {
    padding-top: 125px;
    position: relative;
}

.filterSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.filterLeft {
    flex: 1;
    padding-right: 30px;
}

.filterRight {
    flex-shrink: 0;
}

.filterTab {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0 10px;
}

    .filterTab li {
        margin: 0;
        padding: 0;
    }

        .filterTab li a {
            border: 1px solid var(--bordercolor);
            height: 45px;
            display: flex;
            align-items: center;
            padding: 5px 18px;
            font-size: 16px;
            cursor: pointer;
        }

            .filterTab li a.active, .filterTab li a:hover {
                background-color: var(--primary);
                border-color: var(--primary);
                color: var(--white) !important;
            }

.searchBox {
    position: relative;
    width: 250px;
}

    .searchBox .form-control {
        width: 100%;
        border: 1px solid var(--bordercolor);
        height: 45px;
        padding-left: 15px;
    }

    .searchBox .btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 45px;
        height: 45px;
        border: 0;
        box-shadow: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: inherit;
        padding: 0;
    }

.row-blog {
    gap: 50px 0;
}

.blogBox .image {
    position: relative;
}

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

    .blogBox .image .badgeLabel {
        position: absolute;
        right: 20px;
        top: 20px;
    }

.blogBox .info {
    padding-top: 25px;
}

    .blogBox .info .blogSubTitle {
        min-height: 115px;
        margin-bottom: 10px;
    }

    .blogBox .info h3 {
        font-weight: 400;
        margin-bottom: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size:26px;
        line-height:1.3;
    }

        .blogBox .info h3 a {
            color: inherit;
            cursor: pointer;
        }

            .blogBox .info h3 a:hover {
                color: var(--primary) !important;
            }

    .blogBox .info .readArticle {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid var(--extralite);
    }

.badgeLabel {
    font-size: 14px;
    font-weight: 500;
    padding: 2px 15px;
    border: 1px solid var(--primary);
    background: #FFFFFF;
    color: var(--primary);
    border-radius: 50px;
}

.datespan {
    font-size: 14px;
    font-weight: 700;
    color: var(--extralite);
    font-family: var(--font2);
    text-transform: uppercase;
}


/* Blog Details */
.blogDetailBanner {
    display: block;
    padding-top: 200px;
    padding-bottom: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow:hidden;
}
    .blogDetailBanner:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: linear-gradient(99deg, #0C1321 35.06%, #24235E 65.4%) !important;
        opacity: 0.8;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .blogDetailBanner .bannerShapeDiv {
        position: absolute;
        right: 0;
        left: auto;
        width: auto;
    }

.blogDetailBannerBox {
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    min-height: 350px;
    z-index: 1;
    position: relative;
}

    .blogDetailBannerBox .blogDtlCard {
        margin-top: auto;
    }

.blogdtlHeading {
    /*margin-bottom: 120px;*/
    margin-bottom: 30px;
}

.blogDetailBannerBox .blogdtlHeading .badgeLabel {
    margin-bottom: 30px;
}

.blogDtlCard {
    display: flex;
    gap: 0 25px;
    align-items: center;
}

    .blogDtlCard .image {
        display: flex;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
    }

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

    .blogDtlCard .info {
        flex: 1;
    }

        .blogDtlCard .info h4 {
            font-size: 24px;
            font-weight: 400;
            margin-bottom: 5px;
        }

            .blogDtlCard .info h4 a {
                color: inherit;
            }

.timeCalBox {
    display: flex;
    gap: 0 10px;
}

.timeCalDiv {
    display: flex;
    align-items: center;
    gap: 0 8px;
    color: var(--white);
    font-size: 16px;
}

.blogDetailMenuSec {
    position: sticky;
    top: 100px;
    z-index: 10;
}

    .blogDetailMenuSec .navbar {
        margin: 0;
        padding: 0;
        justify-content: inherit;
    }

.blogDetailMenuTitle {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--extralite);
    margin-bottom: 20px;
}

.blogDetailMenu {
    display: flex;
    flex-direction: column;
    gap: 15px 0;
    margin: 0;
    padding: 0;
}

    .blogDetailMenu li {
        margin: 0;
        padding: 0;
        color: var(--bodytext);
    }

        .blogDetailMenu li a {
            padding: 5px 0 5px 20px;
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: inherit;
            border-left: 2px solid transparent;
        }

            .blogDetailMenu li a.active {
                font-weight: 600;
            }

            .blogDetailMenu li.active a, .blogDetailMenu li:hover a,
            .blogDetailMenu li a.active, .blogDetailMenu li a:hover {
                color: var(--primary);
                border-color: var(--primary);
            }


.blogDetailBlock h3 {
    color: var(--purple);
    margin: 0;
}
.blogDetailBlock h4 {
    margin-top: 5px;
}

.blogDetailBlock p {
    font-size: 18px;
}

    .blogDetailBlock p strong {
        font-weight: 600;
    }

.blogDetailBlock ul, .blogDetailBlock ol {
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    font-size: 18px;
}

.blogDetailBlock p strong {
    font-weight: 600;
}

.blogDetailBlock ul, .blogDetailBlock ol {
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    font-size: 18px;
    padding-left: 2rem;
}
.blogDetailBlock ul {
    list-style-type: disc;
}
.blogDetailBlock ul li strong {
    font-weight: 500;
}

.blogDetailSecRow {
    padding: 25px 0;
    display: flex;
    flex-direction: column;
    gap: 15px 0;
}

    .blogDetailSecRow img {
        margin: 10px 0;
        width: 100%;
    }


.blogShareSec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px 20px;
    border-top: 1px solid var(--bordercolor);
    padding-top: 25px;
    margin-top: 20px;
}

    .blogShareSec .blogDtlCard {
        flex: 1;
    }

    .blogShareSec .blogShare {
        flex-shrink: 0;
    }

.blogShare {
    display: flex;
    align-items: center;
    gap: 0 25px;
}

.border-top {
    border-top: 1px solid var(--litebordercolor);
}
.blogDetailBlock pre {
    text-align: left;
    white-space: pre-line;
    color: var(--secondary);
    margin: 0;
    /*white-space: pre;*/
    /*white-space: pre-wrap;*/
    tab-size: 4;    
}


/* Case Stuies */
.caseStudiesListing .blogBox .info .blogSubTitle {
    min-height: auto; /*80px*/
    margin-bottom: 10px;
}
.caseStudiesListing .blogBox .info h3 {        
    -webkit-line-clamp: 1;    
}

.caseStudiesListing .blogBox .image .badgeLabel {
    border-radius: 50px;
}

.casesLogo {
    margin-bottom: 15px;
}


/* Vulnerability Assessment & Penetration S */
.container-770 {
    max-width: 770px;
    margin: 0 auto;
    padding: 0 20px;
}

.container-860 {
    max-width: 860px;
    text-align: center;
    margin: 0 auto;
}

.fs-44 {
    font-size: 44px;
    line-height: 1.3;
}

.pl40 {
    padding-left: 40px !important;
}

.h1Heading .subTitle {
    margin-bottom: 30px;
    letter-spacing: 1.44px;
    font-size: 18px;
    font-family: var(--font2);
}

.serviceDetails .servicesBox {
    margin: 10px 0 0;
    box-shadow: 0 0 20px 1px #e3e1e1;
}

.serviceDetailsBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #392158;
    position: relative;
    height: 440px;
    overflow: hidden;
}

.serviceDetailsBoxSection {
    max-width: 40%;
    flex-basis: 40%;
    position: relative;
}

    .serviceDetailsBoxSection .titleDiv {
        margin: 0;
        max-width: 370px;
    }

.serviceDetailsImage {
    position: relative;
    max-width: 60%;
    flex-basis: 60%;
}

    .serviceDetailsImage img.img {
        height: 496px;
        object-fit: cover;
    }

    .serviceDetailsImage:before {
        content: "";
        width: 50%;
        height: 100%;
        background: #392158;
        transform: skewX(33deg);
        position: absolute;
        right: -210px;
        top: 0;
        display: block;
        z-index: 0;
    }

.serviceDetailsContentDiv {
    border-top: 1px solid #392158;
    border-bottom: 1px solid #392158;
    margin-bottom: 100px !important;
}

.iwtcBoxSection .col-md-4 {
    width: 32%;
    padding: 30px 40px;
}

.iwtcInfo label {
    font-family: var(--font2);
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    display: block;
    padding: 24px 0 8px 0;
}

.iwtcInfo p {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    display: block;
    letter-spacing: 0;
}

.requestAssessmentSection {
    max-width: 1020px;
    margin: 0 auto;
    background: #F4F3F9;
    padding: 55px !important;
    margin-bottom: 100px;
    width: calc(100% - 40px);
}

.requestAssessmentBox {
    gap: 55px;
}

.requestAssessmentImg {
    /*max-width: 350px;
    flex-basis: 350px;*/
    width: 38%;
}

.requestAssessmentContent {
    /*max-width: calc(100% - 350px);
    flex-basis: calc(100% - 350px);
        */
    flex: 1;
}

    .requestAssessmentContent label {
        font-family: var(--font2);
        font-size: 34px;
        font-weight: 700;
        line-height: 100%;
        display: block;
    }

    .requestAssessmentContent p {
        padding-top: 8px;
        padding-bottom: 30px;
    }

.preferredByIndustryLeaders {
    margin-bottom: 100px;
}

.clientLogoSection {
    gap: 40px 60px;
    max-width: 1060px;
    margin: 60px auto 0;
}

.ourClients .titleDiv {
    max-width: 300px;
    display: block;
}

.ourClients .story-owl-carousel .owl-dots {
    bottom: 0;
}

.quoteIcon {
    max-width: 40px;
    margin-bottom: 25px;
}

.clientsInfo {
    /*max-width: calc(100% - 170px);
    flex-basis: calc(100% - 170px);*/

    padding-right: 10px;
}

.clientsImg {
    max-width: 170px;
    flex-basis: 170px;
    display: none;
}

    .clientsImg span {
        background: var(--litebg);
        height: 170px;
        width: 170px;
        display: flex;
        border-radius: 50% !important;
        overflow: hidden;
        align-items: center;
        justify-content: center;
    }


.additionalServices {
    background: #F4F3F9;
}

    .additionalServices .row {
        margin-top: 60px;
    }

.iwtcBox.additionalServicesBox {
    background: #fff;
    padding: 50px 60px;
    height: 100%;
}

    .iwtcBox.additionalServicesBox .learnMore {
        margin-top: 30px;
    }

.serviceDetails .learnSec .titleDiv {
    max-width: 900px;
}
/** END ***/



/* Case Studies S */
.caseDetailBanner {
    display: block;
    padding-top: 150px;
    padding-bottom: 0;
    position: relative;
}

    .caseDetailBanner .casedtlHeading .badgeLabel {
        margin-bottom: 25px;
        border-radius: 50px;
    }

    .caseDetailBanner .casedtlHeading h1 {
        font-size: 90px;
        line-height: 0.90;
        margin-bottom: 15px;
    }

    .caseDetailBanner .bannerShapeDiv {
        position: absolute;
        left: auto;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
    }

.caseStudiesBannerImage {
    margin-top: 90px;
    /*height: 500px;*/
}

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

.overviewIndustry {
    padding-left: 75px;
}

.overviewCms h2 {
    margin-bottom: 10px;
}

.overviewCms p ~ p {
    margin-top: 15px;
}

.indsBox {
    margin-bottom: 20px;
}

    .indsBox h4 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .indsBox span {
        display: block;
        font-size: 18px;
        font-weight: 400;
    }

.industryServicesList h3 {
    font-size: 28px;
    margin-bottom: 5px;
}

.industryServicesList {
    margin-top: 30px;
}


.challengesBox {
    margin: 15px 0;
}

    .challengesBox .divider {
        border-color: var(--primary);
        margin: 10px 0 25px;
    }

    .challengesBox h2 {
        font-size: 60px;
        font-weight: 500;
        color: var(--primary);
    }

    .challengesBox h3 {
        margin-bottom: 5px;
        font-size: 28px;
        color: var(--white);
    }

    .challengesBox p {
        color: var(--white);
    }

.solutionsBlock {
    align-items: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

    .solutionsBlock .image {
        background: var(--litebg);
        margin: 15px 0;
    }

        .solutionsBlock .image img {
            width: 100%;
        }

    .solutionsBlock .info {
        width: 100%;
        max-width: 400px;
        margin: 15px auto;
    }

        .solutionsBlock .info h3 {
            margin-bottom: 15px;
        }

            .solutionsBlock .info h3 a {
                color: inherit;
            }

        .solutionsBlock .info p {
            font-size: 18px;
        }

.outcomeSection .titleDiv h2 {
    margin-bottom: 10px;
}

.outcomeListing .outcomeListBox:first-child {
    padding-top: 0;
}

.outcomeListing .outcomeListBox:last-child {
    padding-bottom: 0;
}

.outcomeListBox {
    padding: 30px 0;
}

    .outcomeListBox ~ .outcomeListBox {
        border-top: 1px solid var(--extralite);
    }

    .outcomeListBox h3 {
        margin-bottom: 8px;
        font-weight: 400;
        color: var(--white);
    }

    .outcomeListBox p {
        font-size: 18px;
        color: var(--white);
        opacity: 0.8;
    }

.usedServicesBg {
    background: #F4F3F9;
}

.rowUsedServices {
    gap: 60px 0;
}

.usedServicesBox {
}

.usedServicesIcon {
    margin-bottom: 15px;
    display: block;
}

.usedServicesBox h3 {
    margin-bottom: 5px;
}

    .usedServicesBox h3 a {
        color: inherit;
    }

.usedServicesBox p {
    font-size: 16px;
    line-height: 140%;
}



.bannerSection {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100vh;
    background: #fff;
    
}
.carousel-fade .carousel-item {    
    transition: transform .1s ease-in-out;
}

.bannerContent {
    min-height: inherit;
    display: flex;
    align-items: center;
    width: 100%;
}

/* SHAP S */
.bannerImgSection:before {
    display: none;
}

.shapGray {
    position: absolute;
    width: 91%;
    height: 100%;
    left: -40%;
    transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    background: #fff;
    z-index: 2;
}

    .shapGray .shapCard {
        transform: none;
        left: auto;
    }

.shapCard {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 70px;
    height: 100%;
    z-index: 3;
    transform: skewX(-37deg);
    -webkit-transform: skewX(-37deg);
}
.shapCard span {
    width: 33.3333%;
    height: 100%;
    display: block;    
    transition: all 1s linear 0s !important;
}
.spbgWhite {
    background: rgba(255,255,255,0.1);
}
.spbgGray {
    background: #EAE8F2;
}
.spbgOrange {
    background: #F97B28;
}
.spbgRed {
    background: #DF2A28;
}
.learnSec .shapCard span, .storiesSec .shapCard span, .leaderVector .shapCard span {
    height: 0;
}
.learnSec .shapCard span.aos-animate, .storiesSec .shapCard span.aos-animate, .leaderVector .shapCard span.aos-animate {
    height: 100%;
}


.innerBannnerSection {
    overflow: hidden;
    position: relative;
}

    .innerBannnerSection .shapGray {
        width: 91%;
        background: var(--darkbg);
        left: -65%;
    }

    .innerBannnerSection .innerBannnerInfo {
        width: 100%;
    }

        .innerBannnerSection .innerBannnerInfo .h1Heading {
            max-width: 95%;
        }

    .innerBannnerSection .innerBannnerImage {
        width: 780px;
        position: absolute;
        right: 0;
        top: 0;
    }

.patternSec .patternShap {
    right: 692px;
    max-width: 460px;
    opacity: 0.7;
    transform: rotate(-6deg);
}

.shapDiv {
    position: absolute;
    z-index: 3;
    right: 275px;
    height: 100%;
    top: 0;
}

.fourIwtcBoxSection .container {
    max-width: 840px;
}

    .fourIwtcBoxSection .container .col-md-4:nth-child(3) {
        margin-left: 80px;
    }

    .fourIwtcBoxSection .container .col-md-4 {
        width: 45% !important;
        padding: 30px 40px;
    }


/* Loader S */
.loader {
    display: block;
    text-align: center;
}

.loader {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 1000;
}

    .loader span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }

.line-scale {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

    .line-scale > div {
        background-color: #df2928;
        width: 2px;
        height: 20px;
        border-radius: 2px;
        margin: 90px 0 0 0;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: inline-block;
    }


@-webkit-keyframes line-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes line-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.line-scale > div:nth-child(1) {
    -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(2) {
    -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(3) {
    -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(4) {
    -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(5) {
    -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}


.ConfirmationAlertBox {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 15px;
    text-align: center;
    background: rgba(77, 169, 61, 0.94);
    font-size: 15px;
    color: #fff;
    z-index: 999;
    border-radius: 5px;
    max-width: 325px;
}

    .ConfirmationAlertBox.error_msg {
        background: rgb(223, 35, 0);
    }
/* Loader End */

.btn.btn-primary.disabled, .btn.btn-primary:disabled, fieldset:disabled .btn.btn-primary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.text-danger {
    font-size: 13px;
    color: red !important;
}
.errormsg {
    font-size: 13px;
}
/* Loader End */


.policySection h3 {
    font-size: 22px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.policySection p {
    margin: 0 0 30px;
    font-size: 16px;
}

.subMenuServiceSection {
    background: var(--litebordercolor);
    padding: 30px;
    margin-bottom: 100px;
    position: sticky;
    top: 74px;
    width: 100%;
    z-index: 9;
}

    .subMenuServiceSection ul {
        gap: 30px;
    }

.subMenuServiceSection ul li a {
    background: transparent;
    padding: 5px 16px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    color: var(--bodytext);
    white-space: nowrap;
}
.subMenuServiceSection ul li.active a {
    color: var(--primary);
    background: var(--whitebg);
}
/*.subMenuServiceSection ul li a:hover, .subMenuServiceSection ul li a.active,
.subMenuServiceSection ul li:hover a, .subMenuServiceSection ul li.active a {
    color: var(--primary);
    background: var(--whitebg);
}*/





/* Services Tab */
.servicesSlider .owl-theme .owl-nav .disabled {
    opacity: 0;
}

.servicesTabs {
    display: flex;
    justify-content: center;
}

    .servicesTabs .nav-tabs {
        margin: 0;
        border: 0;
        padding: 5px;
        background: rgba(16, 21, 32, 0.8);
        border-radius: 60px;
    }

        .servicesTabs .nav-tabs li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .servicesTabs .nav-tabs .nav-link {
            border: 0;
            font-size: 14px;
            color: var(--white);
            text-transform: uppercase;
            padding: 8px 22px;
            display: block;
            border-radius: 50px;
            letter-spacing: 0.84px;
            cursor: pointer;
        }

            .servicesTabs .nav-tabs .nav-link.active {
                border: 0;
                color: var(--bodytext);
            }

.servicesTabContent {
    padding-top: 50px;
}

.servicesSecuritySlider {
}

.servicesSlider .owl-theme .owl-dots {
    justify-content: center;
}


.separateLineDiv {
    display: block;
    height: 1px;
    width: 400px;
    background: var(--extralite);
    margin: 70px auto 50px;
}

.journeyGallerySection {
    display: flex;
    padding-top: 50px;
    position: relative;
    z-index: 1;
    gap: 12px;
}
.galleryImgSection {
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
}
.galleryImg img {
    width: 100%;
}
.leaderVector .shapCard {
    transform: skewX(49deg);
    -webkit-transform: skewX(49deg);
    left: 34%;
    z-index: 0;
    top: 0;
}
.leaderSection .contentTitleBox p {
    font-size: 27px;
}
.ourJourneyDiv {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
}
.darkBgSection {
    padding: 130px 0;
    border: none;
}
.storiesSecVector .shapCard {
    transform: skewX(-40deg);
    -webkit-transform: skewX(-40deg);
    left: inherit !important;
    right: 210px;
    z-index: 0;
}
.ourLeadershipInfo {
    z-index: 1;
    position: relative;
}

.italicText {
    font-style: italic;
}
.lable_input.form-group {
    display: flex;
    align-items: center;
    gap: 10px;
}
.storiesWhiteBgVector .shapCard {
    left: inherit;
    right: 30%;
    -webkit-transform: skewX(40deg);
    z-index: 0;
}

/** 13-02-2024 **/
section.section.featuredSec {
    max-width: 1060px;
    margin: 0 auto;
}
.servicesListBox {
    background: #fff;
    padding: 30px;
    overflow:hidden;
    display: block;
    color: inherit;
}
.servicesTitle {    
    color: #fff;
    text-align: center;
    height: 100%;
}
.servicesListBox .iconDiv img {
    height: 50px;
}
.servicesList {
    
}
.servicesTitleDiv {
    background: url(../images/services/product-home-bg.webp);
    height: fit-content;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.servicesTitleBottom {
   align-items: flex-end; 
   background-image: url(../images/services/product-home-bg-2.webp);
}
.servicesTitleDiv h3 {
    font-size: 44px;
}
.servicesTitleDiv h3 span {
    display: block;
    font-size: 22px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 10px;
}
.servicesDetailsDiv {
    gap: 23px;
}
.servicesList .row {
    gap: 23px 0;
}
.learnMoreBtn {
    gap: 10px;    
    color: var(--bs-heading-color);
}
.servicesListBox .learnMoreBtn {
    display: inline-flex !important;
    position: relative;
    padding-right: 30px;
    margin-top: 15px;
}
.servicesListBox .learnMoreBtn .learnMoreIcon {
    transition: all 0.5s ease-in-out 0s;
    position: absolute;
    right: 0;
    top: -2px;
}
.learnMoreBtn:hover .learnMoreIcon {
    right: -5px;
}
.learnMoreBtn:hover svg path, .learnMoreBtn:hover {
    color: var(--primary) !important;
    fill: var(--primary) !important;
}

.servicesListBox:hover .viewAll {
    color: var(--primary) !important;
    fill: var(--primary) !important;
}
.servicesListBox:hover .viewAll::before {
    background-image: url('data:image/svg+xml,<svg width="22" height="11" viewBox="0 0 22 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.7929 5.85355H0V4.85355H19.7929L15.6464 0.707107L16.3536 0L21.3536 5L21.7071 5.35355L21.3536 5.70711L16.3536 10.7071L15.6464 10L19.7929 5.85355Z" fill="%23F97B28"/></svg>');
}
 

.servicesListBox .info {
    position: relative;
    padding-left: 60px;
    z-index: 2;
}
.servicesListBox .info .iconDiv {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
}
.servicesListBox h3 {
    display: block;
    padding: 5px 0 5px;
    font-size: 24px;
}
.servicesListBox h3 .AIIcon {
    position: relative;
    top: -10px;
}

.servicesListBox p {
    font-size: 18px;
    display: -webkit-box;
    min-height: 80px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.servicesListBox .viewAll {
    margin-top: 18px;
}
.hiddenSpanMore {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.learnMoreBtn span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.col-md-12 .servicesListBox p {
    min-height: inherit;
    display: block;
}
.servicesDetailsDivReverse {
    margin-top: 23px;
}
.servicesDetailsDivReverse .servicesTitle {
    order: 1;
}
.servicesDetailsDivReverse .servicesTitleDiv {
    background: url(../images/services/security-services-bg.webp);    
}



/*
.bannerImg img {
    transition: all 0.5s ease 0s;
    transform: scale(1.2);
}
.carousel-item.active .bannerImg img{
    transform: scale(1);
}
*/


/*.new-zoom {
    opacity: 1;
    transition-property: transform, opacity;
    transform: scale(1.2);
}
.carousel-item.active .new-zoom {
    opacity: 1;
    transform: scale(1);
}
*/


/*
[data-aos=zoom-out] {
    transform: scale(1.2);
}
[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform;
}
*/
/*.carousel-item.active .bannerImg [data-aos^=zoom][data-aos^=zoom].aos-animate {
    
}*/

/*
.carousel-item .bannerImg img {
    opacity: 1 !important;
    transform: scale(1.2) !important;
    transition-delay: 0.1s !important;
}
.carousel-item.active .bannerImg img  {
    transform: translateZ(0) scale(1) !important
}*/
/*.carousel-item {
    transition: transform 0.8s ease;
}
.carousel-item .bannerImg img {
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 0.1s !important;
}
.carousel-item.zoom-out .bannerImg img  {
    transform: translateZ(0) scale(1.2) !important
}*/




/* Career  */
.growCareerBlock {
    max-width: 100%;
}

/* About Page */
.ourCoreValuesDiv {
    text-align: center;
}

.ourCoreValuesContent {
    max-width: 100% !important;
    flex-basis: inherit !important;
}

.boxListSection {
    max-width: 100% !important;
    flex-basis: inherit !important;
    display: block;
}

.boxListDiv {
    height: auto !important;
    min-width: inherit;
    max-width: 355px;
    margin: auto !important;
}

.iwtIcon {
    margin-bottom: 5px;
}

.iwtTextP {
    font-size: 16px;
}
.ourJourneySecBox {
    max-width: 700px;
}

.leadSection {
    overflow: hidden;
}

.ourLeadInfoBox {
    padding: 50px 75px 70px 75px;
    position: relative;
    margin: 20px -55% 0 15px;
}

.ourLeadShap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0px 4px 34px 0px rgba(0,0,0,0.05);
    z-index: -1;
}

    .ourLeadShap span {
        border: 1px solid var(--primary);
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .ourLeadShap .sp1 {
    }

    .ourLeadShap .sp2 {
        top: -10px;
        bottom: 10px;
        left: -10px;
        right: -10px;
    }

    .ourLeadShap .sp3 {
        top: -20px;
        bottom: 20px;
        left: -20px;
        right: -20px;
    }


.ourLeadInfo {
    max-width: 550px;
}

    .ourLeadInfo > p {
        font-size: 32px;
        line-height: 135%;
        font-weight: 300;
    }

.leadPosBox {
    border-left: 1px solid var(--bordercolor);
    padding: 5px 0 5px 15px;
}

    .leadPosBox h5 {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
    }

    .leadPosBox span {
        display: block;
        font-size: 14px;
        font-weight: 500;
    }
.iconDiv {
    max-width: 54px;
    display: block;
}


.learnSec.darkgradintbg {
    background: url(../images/webp/bottom-cta-bg.webp) no-repeat center;
    background-size: cover;
    padding: 170px 0;
}

.innerBannnerSection.fullInnerBanner.blogInnerBanner {
    background: #f7f5ff !important;
}

/* Mega Menu Srvices */
.h4MenuTitle {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight:800;
    text-transform: uppercase;
    color: #969ABC;
    letter-spacing: 0.50px;
}
.servicesMenuInfo {
    position: relative;
    padding-left: 43px;
}
.servicesMenuInfo .iconDiv {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
}
.servicesMenuInfo h3 {
    display: block;
    margin: 0 0 2px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--bodytext);
}
.servicesMenuInfo h3 a {
    color: inherit;
}
.servicesMenuInfo h3 a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;    
    cursor: pointer;
}
.servicesMenuInfo p {
    font-size: 14px;
    line-height: 130%;
    display: -webkit-box;    
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* End Mega Menu Srvices */

.formSection111{
    padding:50px;
    background:#ffffff;
}
.contactFormTitleText {
    display:block;
    padding-bottom:30px;
    font-size:22px;
    line-height:1.2;
    font-weight:400;
}
.contactFormTitleText b {
    font-weight: 700;
}
.workTogetherSectionc{
    position:relative;
    z-index:1;
}
.workTogetherSectionc .patternShap {
    right: 707px;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
}
.learnMoreBtn:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    height: 215px;
    width: 440px;
    left: -90px;
}


/* AI Page S 24-07-2025 */
.bannerContent h2 {
    margin-bottom: 15px;
    font-size: 48px;
    font-weight: 600;
    /*color: #DF2A28;*/
    position: relative;
    padding-right: 48px;
    display: inline-flex;

    background: linear-gradient(83.47deg, #DF2A28 7.47%, #F97B28 82.92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; /* For Firefox */
    color: transparent;
}
.bannerContent h2 .AIIcon {
    position: absolute;
    top: -24px;
    right: 0;
}
.sparkle {
    animation: sparkleFade 1.5s infinite ease-in-out;
    font-size: 1.5rem;
}


@keyframes sparkleFade {
    0%, 100% {
        opacity: 1;
        transform: scale(0.8) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

.pulseGlow {
    animation: spinTwinkle 5s linear infinite;
}

@keyframes spinTwinkle {
    0% {
        transform: rotate(0deg) scale(15);
        opacity: 1;
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        transform: rotate(360deg) scale(1);
        opacity: 1;
    }
}


/** Approach New **/
.approachListBlock { 
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 20px auto 0;
}
.approachShapImg {
    position: absolute;
    left: calc(50% - 106px);
    top: 25px;
    /* bottom: 0px; */
    z-index: -1;
    margin-left: -25px;
    width: 212px;    
    top: -40px;
    left: 65px;
    right: 0;
    z-index: -1;
    margin: auto;
    overflow: hidden;
}
.approachShapImg svg {
    height: 785px;
}
.approachShapImg:before {
    content: "";
    width: 100%;
    height: 80px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 10;
    display: block;
}
.approachShapImg:after {
    content: "";
    width: 100%;
    height: 80px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 10;
    display: block;
}

.approachListBlock ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap:10px
}
.approachListBlock ul li {
    margin: 0;
    padding: 0;
    width: calc(50% - 5px);
}
.approachListBlock ul li:nth-child(odd) .approachBox {
    flex-direction: row-reverse;
    text-align: right;
}
    .approachListBlock ul li:nth-child(odd) .approachBox .icon {
        margin-right: -8px;
        margin-left: -10px;
    }
.approachListBlock ul li:nth-child(even) .approachBox {
    margin-top: 100px;
}
    .approachListBlock ul li:nth-child(even) .approachBox .icon {
        margin-left: -8px;
        margin-right: -10px;
    }

.approachBox {    
    display: flex;
    gap: 0px;
    align-items: center;
}
.approachBox .icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-family: var(--font2);
    font-weight: 700;    
    border-radius: 50%;
    line-height: 1;    
    padding-top: 5px;
    background: var(--primary);
    color: var(--white);
    position:relative;
    z-index:1;
}
.approachBox .info {
    background: #3632870D;
    padding: 25px;
    border-radius: 10px;
    flex: 1;
}
.approachBox h3 {
    margin: 0 0 2px 0;
    font-size: 28px;
}
.approachBox p {
    margin: 0;
    font-size: 18px;
    line-height: 140%;
}

.path {
    stroke-dasharray: 4;
    stroke-dashoffset: 4;
    animation: dash 0.2s ease-in-out infinite;
}
@keyframes dash {
    0% {
        stroke-dashoffset: 4;
    }

    100% {
        stroke-dashoffset: 0;
    }
}
.hover-effect{
    position:relative;
}
.hover-effect::before {
    content: "";
    display: block;
    background: linear-gradient(83.47deg, #DF2A28 7.47%, #F97B28 82.92%);
    height: 500px;
    width: 100px;
    transform: translate(0);
    position: absolute;
    animation: rotate 3s linear forwards infinite;
    z-index: 0;
    top: 50%;
    transform-origin: top center;
    filter: blur(70px);
    opacity:0;
    pointer-events:none;
}
.hover-effect::after {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    background: #fff;
    pointer-events: none;
}
@keyframes rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}
.hover-effect:hover::before {
    opacity: 1;
}

.path1, .path2, .path3 {
    fill: none;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: drawPath 4s ease forwards;
    -webkit-animation: drawPath 4s ease forwards;
    -moz-animation: drawPath 4s ease forwards;
    -o-animation: drawPath 4s ease forwards;
}
/* Animation to draw the path */
@keyframes drawPath {
    to {
        stroke-dashoffset: 0;
    }
}

/* Add animation delays for each path */
.path2 {
    animation-delay: 1s;
}

.path3 {
    animation-delay: 2s;
}

.bannerContent h2 .AIIcon svg {
    width: 42px;
}

/*@keyframes gradientAnimation {
    0%, 100% {
        fill: #FF6A00;
    }

    50% {
        fill: #5B0E6D;
    }
}
.AIIcon svg path{
    fill: linear-gradient(135deg, #FF6A00 0%, #5B0E6D 100%);
    animation: gradientAnimation 1s infinite;
}*/
/*
body {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
*/



/** AI Solution Page **/
.aiBannner.innerBannnerSection {
    z-index: 2;
}
.aiBannner.innerBannnerSection .shapGray {
    background: transparent;
}
.aiSolutionPage {
    background-color: #2A104C;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
}
.aiSolutionPage:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="312" height="230" viewBox="0 0 312 230" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_3996_3271" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="345" height="230"><path d="M345 230L0 230L4.02145e-05 0L345 6.03217e-05L345 230Z" fill="white"/></mask><g mask="url(%23mask0_3996_3271)"><g opacity="0.5"><path d="M347.475 19.3823C197.08 79.6142 247.804 213.757 473.474 103.356C247.389 214.4 195.148 80.1672 346.649 18.8323C346.925 19.0153 347.2 19.1993 347.475 19.3823Z" fill="url(%23paint0_linear_3996_3271)"/><path d="M343.494 16.7283C187.766 82.2833 245.803 216.861 473.476 103.356C245.388 217.505 185.834 82.8373 342.668 16.1784C342.943 16.3614 343.218 16.5453 343.494 16.7283Z" fill="url(%23paint1_linear_3996_3271)"/><path d="M339.51 14.0734C178.449 84.9523 243.798 219.965 473.475 103.356C243.383 220.609 176.517 85.5064 338.684 13.5234C338.959 13.7064 339.234 13.8904 339.51 14.0734Z" fill="url(%23paint2_linear_3996_3271)"/><path d="M335.523 11.4194C169.13 87.6224 241.794 223.07 473.472 103.356C241.379 223.713 167.199 88.1754 334.698 10.8694C334.973 11.0524 335.248 11.2354 335.523 11.4194Z" fill="url(%23paint3_linear_3996_3271)"/><path d="M331.541 8.76444C159.815 90.2914 239.793 226.174 473.473 103.356C239.377 226.817 157.884 90.8444 330.716 8.21443C330.991 8.39743 331.266 8.58144 331.541 8.76444Z" fill="url(%23paint4_linear_3996_3271)"/><path d="M327.559 6.11034C150.5 92.9603 237.79 229.278 473.474 103.356C237.376 229.922 148.569 93.5133 326.734 5.55934C327.009 5.74335 327.284 5.92633 327.559 6.11034Z" fill="url(%23paint5_linear_3996_3271)"/><path d="M323.576 3.45528C141.185 95.6302 235.788 232.382 473.474 103.356C235.373 233.026 139.254 96.1832 322.75 2.90527C323.026 3.08827 323.301 3.27228 323.576 3.45528Z" fill="url(%23paint6_linear_3996_3271)"/><path d="M319.596 0.801363C131.871 98.2993 233.788 235.487 473.476 103.356C233.373 236.13 129.94 98.8523 318.77 0.250353C319.045 0.434359 319.32 0.617357 319.596 0.801363Z" fill="url(%23paint7_linear_3996_3271)"/><path d="M315.611 -1.85365C122.554 100.968 231.784 238.591 473.474 103.356C231.368 239.235 120.623 101.521 314.785 -2.40364C315.06 -2.22064 315.335 -2.03665 315.611 -1.85365Z" fill="url(%23paint8_linear_3996_3271)"/><path d="M311.628 -4.50763C113.237 103.637 229.781 241.696 473.473 103.356C229.365 242.339 111.306 104.191 310.802 -5.05862C311.077 -4.87462 311.352 -4.69163 311.628 -4.50763Z" fill="url(%23paint9_linear_3996_3271)"/><path d="M307.646 -7.16267C103.923 106.307 227.78 244.8 473.475 103.356C227.364 245.443 101.992 106.86 306.82 -7.71367C307.095 -7.52966 307.37 -7.34668 307.646 -7.16267Z" fill="url(%23paint10_linear_3996_3271)"/><path d="M303.662 -9.81659C94.6065 108.976 225.776 247.904 473.474 103.356C225.362 248.548 92.676 109.529 302.837 -10.3676C303.112 -10.1836 303.387 -10.0006 303.662 -9.81659Z" fill="url(%23paint11_linear_3996_3271)"/><path d="M299.677 -12.4716C85.2889 111.645 223.772 251.008 473.472 103.356C223.356 251.652 83.3576 112.198 298.851 -13.0226C299.126 -12.8386 299.401 -12.6556 299.677 -12.4716Z" fill="url(%23paint12_linear_3996_3271)"/><path d="M295.696 -15.1257C75.9752 114.314 221.77 254.113 473.474 103.356C221.356 254.756 74.0439 114.868 294.87 -15.6767C295.146 -15.4927 295.421 -15.3097 295.696 -15.1257Z" fill="url(%23paint13_linear_3996_3271)"/><path d="M291.712 -17.7806C66.6575 116.984 219.766 257.217 473.472 103.356C219.351 257.861 64.7262 117.537 290.886 -18.3316C291.161 -18.1476 291.436 -17.9646 291.712 -17.7806Z" fill="url(%23paint14_linear_3996_3271)"/><path d="M287.73 -20.4346C57.3438 119.653 217.766 260.322 473.475 103.356C217.351 260.965 55.4125 120.206 286.904 -20.9856C287.18 -20.8016 287.455 -20.6186 287.73 -20.4346Z" fill="url(%23paint15_linear_3996_3271)"/><path d="M283.747 -23.0896C48.0284 122.322 215.764 263.426 473.475 103.356C215.349 264.069 46.0971 122.875 282.922 -23.6406C283.197 -23.4566 283.472 -23.2736 283.747 -23.0896Z" fill="url(%23paint16_linear_3996_3271)"/><path d="M279.764 -25.7447C38.7127 124.991 213.762 266.53 473.475 103.356C213.346 267.173 36.7807 125.545 278.938 -26.2947C279.214 -26.1107 279.489 -25.9277 279.764 -25.7447Z" fill="url(%23paint17_linear_3996_3271)"/><path d="M275.782 -28.3986C29.3979 127.661 211.759 269.634 473.476 103.356C211.344 270.278 27.4666 128.214 274.957 -28.9496C275.232 -28.7656 275.507 -28.5826 275.782 -28.3986Z" fill="url(%23paint18_linear_3996_3271)"/><path d="M271.799 -31.0537C20.0812 130.33 209.757 272.739 473.476 103.356C209.342 273.382 18.1499 130.883 270.973 -31.6037C271.249 -31.4207 271.524 -31.2367 271.799 -31.0537Z" fill="url(%23paint19_linear_3996_3271)"/><path d="M267.816 -33.7077C10.7659 132.999 207.755 275.843 473.476 103.356C207.34 276.487 8.83462 133.553 266.991 -34.2586C267.266 -34.0746 267.541 -33.8917 267.816 -33.7077Z" fill="url(%23paint20_linear_3996_3271)"/><path d="M263.832 -36.3627C1.44859 135.669 205.751 278.947 473.474 103.356C205.335 279.591 -0.48339 136.222 263.006 -36.9127C263.281 -36.7297 263.556 -36.5457 263.832 -36.3627Z" fill="url(%23paint21_linear_3996_3271)"/><path d="M259.851 -39.0176C-7.86544 138.338 203.75 282.051 473.476 103.356C203.335 282.695 -9.79671 138.891 259.025 -39.5676C259.3 -39.3836 259.575 -39.2006 259.851 -39.0176Z" fill="url(%23paint22_linear_3996_3271)"/><path d="M255.866 -41.6717C-17.1825 141.007 201.746 285.156 473.475 103.356C201.332 285.799 -19.1138 141.56 255.041 -42.2216C255.316 -42.0386 255.591 -41.8547 255.866 -41.6717Z" fill="url(%23paint23_linear_3996_3271)"/><path d="M251.883 -44.3267C-26.4986 143.676 199.743 288.26 473.474 103.356C199.328 288.904 -28.43 144.23 251.057 -44.8767C251.332 -44.6937 251.608 -44.5097 251.883 -44.3267Z" fill="url(%23paint24_linear_3996_3271)"/><path d="M247.898 -46.9806C-35.8153 146.346 197.739 291.365 473.473 103.356C197.324 292.008 -37.7466 146.899 247.072 -47.5306C247.347 -47.3476 247.623 -47.1636 247.898 -46.9806Z" fill="url(%23paint25_linear_3996_3271)"/><path d="M243.914 -49.6356C-45.1321 149.015 195.736 294.469 473.472 103.356C195.32 295.112 -47.0634 149.568 243.088 -50.1856C243.364 -50.0026 243.639 -49.8186 243.914 -49.6356Z" fill="url(%23paint26_linear_3996_3271)"/><path d="M239.933 -52.2897C-54.4456 151.684 193.735 297.573 473.474 103.356C193.32 298.216 -56.3769 152.237 239.107 -52.8397C239.383 -52.6567 239.658 -52.4727 239.933 -52.2897Z" fill="url(%23paint27_linear_3996_3271)"/><path d="M235.952 -54.9446C-63.7608 154.354 191.734 300.677 473.475 103.356C191.32 301.321 -65.6914 154.907 235.127 -55.4946C235.402 -55.3116 235.677 -55.1276 235.952 -54.9446Z" fill="url(%23paint28_linear_3996_3271)"/><path d="M231.966 -57.5987C-73.0787 157.023 189.729 303.782 473.473 103.357C189.314 304.425 -75.01 157.576 231.14 -58.1487C231.416 -57.9657 231.691 -57.7817 231.966 -57.5987Z" fill="url(%23paint29_linear_3996_3271)"/><path d="M227.983 -60.2537C-82.3946 159.692 187.726 306.886 473.472 103.356C187.311 307.53 -84.3259 160.245 227.157 -60.8037C227.432 -60.6206 227.707 -60.4367 227.983 -60.2537Z" fill="url(%23paint30_linear_3996_3271)"/><path d="M224.003 -62.9076C-91.708 162.361 185.726 309.99 473.475 103.356C185.311 310.634 -93.6392 162.915 223.177 -63.4586C223.452 -63.2746 223.727 -63.0916 224.003 -62.9076Z" fill="url(%23paint31_linear_3996_3271)"/><path d="M220.017 -65.5626C-101.025 165.03 183.722 313.095 473.473 103.356C183.306 313.738 -102.957 165.584 219.191 -66.1126C219.467 -65.9296 219.742 -65.7456 220.017 -65.5626Z" fill="url(%23paint32_linear_3996_3271)"/><path d="M216.038 -68.2167C-110.338 167.699 181.722 316.199 473.476 103.356C181.307 316.843 -112.269 168.253 215.212 -68.7677C215.487 -68.5837 215.762 -68.4007 216.038 -68.2167Z" fill="url(%23paint33_linear_3996_3271)"/><path d="M212.052 -70.8716C-119.656 170.369 179.717 319.304 473.474 103.356C179.302 319.947 -121.587 170.922 211.226 -71.4216C211.502 -71.2386 211.777 -71.0547 212.052 -70.8716Z" fill="url(%23paint34_linear_3996_3271)"/><path d="M208.07 -73.5257C-128.972 173.038 177.715 322.408 473.474 103.356C177.301 323.051 -130.902 173.591 207.245 -74.0767C207.52 -73.8927 207.794 -73.7097 208.07 -73.5257Z" fill="url(%23paint35_linear_3996_3271)"/><path d="M204.086 -76.1807C-138.288 175.707 175.712 325.512 473.474 103.356C175.297 326.155 -140.219 176.261 203.26 -76.7307C203.536 -76.5477 203.811 -76.3637 204.086 -76.1807Z" fill="url(%23paint36_linear_3996_3271)"/><path d="M200.103 -78.8347C-147.604 178.376 173.71 328.616 473.474 103.356C173.295 329.26 -149.534 178.93 199.278 -79.3857C199.553 -79.2017 199.828 -79.0187 200.103 -78.8347Z" fill="url(%23paint37_linear_3996_3271)"/><path d="M196.119 -81.4896C-156.92 181.046 171.706 331.72 473.473 103.356C171.291 332.364 -158.851 181.599 195.294 -82.0396C195.569 -81.8566 195.844 -81.6736 196.119 -81.4896Z" fill="url(%23paint38_linear_3996_3271)"/><path d="M192.138 -84.1436C-166.235 183.715 169.706 334.825 473.474 103.356C169.29 335.468 -168.166 184.268 191.312 -84.6946C191.587 -84.5107 191.862 -84.3276 192.138 -84.1436Z" fill="url(%23paint39_linear_3996_3271)"/><path d="M188.153 -86.7986C-175.552 186.384 167.7 337.929 473.472 103.356C167.285 338.572 -177.484 186.938 187.328 -87.3496C187.603 -87.1657 187.878 -86.9826 188.153 -86.7986Z" fill="url(%23paint40_linear_3996_3271)"/><path d="M184.17 -89.4527C-184.867 189.054 165.699 341.034 473.473 103.356C165.284 341.677 -186.799 189.607 183.345 -90.0037C183.62 -89.8197 183.895 -89.6367 184.17 -89.4527Z" fill="url(%23paint41_linear_3996_3271)"/><path d="M180.189 -92.1077C-194.182 191.722 163.698 344.138 473.474 103.356C163.283 344.781 -196.113 192.276 179.363 -92.6587C179.638 -92.4747 179.913 -92.2917 180.189 -92.1077Z" fill="url(%23paint42_linear_3996_3271)"/><path d="M176.206 -94.7626C-203.497 194.392 161.695 347.242 473.475 103.356C161.28 347.886 -205.429 194.945 175.38 -95.3126C175.655 -95.1286 175.931 -94.9456 176.206 -94.7626Z" fill="url(%23paint43_linear_3996_3271)"/><path d="M172.224 -97.4166C-212.813 197.061 159.693 350.346 473.475 103.356C159.277 350.99 -214.744 197.615 171.398 -97.9676C171.673 -97.7836 171.948 -97.6006 172.224 -97.4166Z" fill="url(%23paint44_linear_3996_3271)"/><path d="M168.239 -100.072C-222.13 199.73 157.689 353.45 473.474 103.356C157.274 354.094 -224.061 200.284 167.413 -100.622C167.689 -100.439 167.964 -100.255 168.239 -100.072Z" fill="url(%23paint45_linear_3996_3271)"/></g></g><defs><linearGradient id="paint0_linear_3996_3271" x1="367.015" y1="145.938" x2="367.015" y2="18.8323" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_3996_3271" x1="364.232" y1="147.675" x2="364.232" y2="16.1784" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_3996_3271" x1="361.436" y1="149.422" x2="361.437" y2="13.5234" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint3_linear_3996_3271" x1="358.63" y1="151.178" x2="358.63" y2="10.8694" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint4_linear_3996_3271" x1="355.818" y1="152.943" x2="355.818" y2="8.21444" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint5_linear_3996_3271" x1="352.999" y1="154.716" x2="352.999" y2="5.55935" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint6_linear_3996_3271" x1="350.17" y1="156.496" x2="350.17" y2="2.90528" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint7_linear_3996_3271" x1="347.338" y1="158.284" x2="347.338" y2="0.250355" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint8_linear_3996_3271" x1="344.495" y1="160.078" x2="344.495" y2="-2.40363" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint9_linear_3996_3271" x1="341.647" y1="161.879" x2="341.647" y2="-5.05862" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint10_linear_3996_3271" x1="338.796" y1="163.685" x2="338.796" y2="-7.71366" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint11_linear_3996_3271" x1="335.938" y1="165.497" x2="335.938" y2="-10.3676" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint12_linear_3996_3271" x1="333.074" y1="167.314" x2="333.074" y2="-13.0226" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint13_linear_3996_3271" x1="330.209" y1="169.137" x2="330.21" y2="-15.6767" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint14_linear_3996_3271" x1="327.337" y1="170.964" x2="327.338" y2="-18.3316" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint15_linear_3996_3271" x1="324.466" y1="172.795" x2="324.466" y2="-20.9856" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint16_linear_3996_3271" x1="321.589" y1="174.63" x2="321.589" y2="-23.6406" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint17_linear_3996_3271" x1="318.708" y1="176.47" x2="318.708" y2="-26.2946" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint18_linear_3996_3271" x1="315.826" y1="178.313" x2="315.826" y2="-28.9496" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint19_linear_3996_3271" x1="312.939" y1="180.159" x2="312.939" y2="-31.6037" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint20_linear_3996_3271" x1="310.051" y1="182.01" x2="310.051" y2="-34.2586" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint21_linear_3996_3271" x1="307.157" y1="183.863" x2="307.157" y2="-36.9127" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint22_linear_3996_3271" x1="304.266" y1="185.719" x2="304.266" y2="-39.5676" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint23_linear_3996_3271" x1="301.368" y1="187.579" x2="301.368" y2="-42.2216" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint24_linear_3996_3271" x1="298.47" y1="189.441" x2="298.47" y2="-44.8767" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint25_linear_3996_3271" x1="295.568" y1="191.305" x2="295.568" y2="-47.5306" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint26_linear_3996_3271" x1="292.665" y1="193.172" x2="292.665" y2="-50.1856" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint27_linear_3996_3271" x1="289.764" y1="195.042" x2="289.764" y2="-52.8397" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint28_linear_3996_3271" x1="286.861" y1="196.914" x2="286.861" y2="-55.4946" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint29_linear_3996_3271" x1="283.951" y1="198.788" x2="283.951" y2="-58.1487" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint30_linear_3996_3271" x1="281.042" y1="200.664" x2="281.042" y2="-60.8036" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint31_linear_3996_3271" x1="278.136" y1="202.542" x2="278.136" y2="-63.4586" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint32_linear_3996_3271" x1="275.223" y1="204.422" x2="275.223" y2="-66.1126" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint33_linear_3996_3271" x1="272.314" y1="206.303" x2="272.314" y2="-68.7677" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint34_linear_3996_3271" x1="269.399" y1="208.187" x2="269.399" y2="-71.4216" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint35_linear_3996_3271" x1="266.485" y1="210.072" x2="266.485" y2="-74.0767" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint36_linear_3996_3271" x1="263.569" y1="211.958" x2="263.569" y2="-76.7307" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint37_linear_3996_3271" x1="260.653" y1="213.847" x2="260.653" y2="-79.3857" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint38_linear_3996_3271" x1="257.734" y1="215.736" x2="257.734" y2="-82.0396" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint39_linear_3996_3271" x1="254.817" y1="217.627" x2="254.817" y2="-84.6946" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint40_linear_3996_3271" x1="251.896" y1="219.52" x2="251.897" y2="-87.3496" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint41_linear_3996_3271" x1="248.977" y1="221.413" x2="248.977" y2="-90.0037" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint42_linear_3996_3271" x1="246.057" y1="223.308" x2="246.057" y2="-92.6587" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint43_linear_3996_3271" x1="243.136" y1="225.205" x2="243.136" y2="-95.3126" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint44_linear_3996_3271" x1="240.213" y1="227.102" x2="240.214" y2="-97.9676" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient><linearGradient id="paint45_linear_3996_3271" x1="237.29" y1="229" x2="237.29" y2="-100.622" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF007F"/><stop offset="1" stop-color="%23FF007F" stop-opacity="0"/></linearGradient></defs></svg>');
    background-repeat:no-repeat; 
    background-size: cover;
    position: absolute; 
    right: -20px;
    top: 55px;
    width: 310px;
    height: 230px;
    z-index: -1;
} 
.aiSolutionListing {    
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.aiSolutionBlock {
    color: var(--white);
}
.aiSolutionBlock .titleDiv {
    margin-top: 10px;
}
.aiSolutionBlock .h2Title{
    line-height: 1.1;    
}
.aiDivider {
    width: 100%;
    height: 7px;
    background: linear-gradient(90deg, rgba(26, 63, 211, 0) 0%, rgba(255, 0, 127, 0.67) 51.44%, rgba(26, 63, 211, 0) 100%);
}
.blogBox {
    transition: all 0.2s ease 0s;
    transform: translate(0, 0);
}
.blogBox:hover {
    transform: translate(0, -5px);
}
.learnSec h2.h2Title {
    color: #fff !important;
}

.blogCard{
    display:none !important;
}
.blogCard.showBlog {
    display: flex !important;
    flex-direction: column;
}

.blogDetails .row{
    align-items:flex-start;
}

.blogDetailMenuSecRow {
    display:grid;
    grid-template-columns:300px auto;
    gap:40px;
    align-items:flex-start;
}