html {
    font-family: Montserrat;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px #fff0
}

a {
    text-decoration: none!important
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0
}

.newbtn_design {
    background: #0080ff;
    color: rgb(255 255 255)!important;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    padding: 5px 60px 5px 25px;
    transition: 0.3s ease-in-out;
    position: relative;
    border: 0;
    text-transform: capitalize
}

.newbtn_design:hover {
    padding: 5px 25px 5px 60px
}

.newbtn_design img {
    max-width: 20px;
    position: absolute;
    right: 22px;
    animation: wobble 1s ease infinite;
    transition: 0.5s
}

.newbtn_design:hover img {
    right: calc(100% - 50px)
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        -ms-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        -ms-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        -ms-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        -ms-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        -ms-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.portfolio_page {
    font-family: "Product Sans";
    padding: 160px 0 0;
    background-color: #000f59;
    position: relative;
    color: #fff;
    overflow: hidden
}

.tgportfolio {
    font-family: "Poppins"
}

.portfolio_heading h1 {
    font-size: 38px;
    font-weight: 800;
    line-height: 50px
}

.portfolio_heading h1 span {
    color: #3983f7;
    display: block
}

.portfolio_heading p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    margin: 0
}

.portfolio_heading {
    width: 70%
}

.portfolio_tabss {
    width: 30%;
    text-align: end
}

.portfolio_tabss_inner {
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 59px;
    padding: 0 3px
}

.portfolio_tabss_inner a {
    background: #e2edff;
    border-radius: 7px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3983f7;
    font-size: 19px;
    font-weight: 600;
    width: 170px
}

.portfolio_tabss_inner a:first-child {
    margin-right: 4px
}

.portfolio_tabss_inner a.active {
    background: #3983f7;
    color: #fff
}

.portfolio_head {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #c8cce1;
    padding: 0 0 50px;
    margin-bottom: 60px
}

.portfoliopage_box {
    height: 656px;
    background: linear-gradient(0deg,rgb(21 27 58 / .05),rgb(21 27 58 / .05)),radial-gradient(65.11% 133.4% at 50% -30.96%,rgb(255 255 255 / .25) 0%,#fff0 100%);
    border: 2px solid #ffffff29;
    border-radius: 33px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    color: #fff
}

.portfoliopage_right {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40%;
    position: relative
}

.portfoliopage_left {
    width: 60%;
    padding: 20px 150px 20px 40px;
    display: flex;
    position: relative
}

.portfoliopage_right img {
    position: absolute;
    left: -120px;
    top: 50%;
    transform: translateY(-50%);
    max-height: 560px
}

.aboutproject_portfolio h2 {
    font-size: 28.29px;
    font-weight: 700;
    line-height: 40.43px;
    color: #fff;
    margin-bottom: 10px
}

.aboutproject_portfolio p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
    margin-bottom: 0
}

.mobileportfoilo_logo div {
    border: .62px solid #fff;
    border-radius: 24px;
    padding: 3px;
    height: 85px;
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobileportfoilo_logo div img {
    max-width: 100%
}

.mobileportfoilo_logo {
    width: 23%;
    position: relative;
    z-index: 1
}

.aboutproject_portfolio {
    width: 77%;
    position: relative;
    z-index: 1
}

.mobileportfoilo_details {
    display: flex;
    margin: 30px 0 30px
}

.aboutprojects span {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #fff;
    display: block;
    margin-bottom: 6px
}

.aboutprojects strong {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #fff;
    display: block;
    margin-bottom: 0
}

.aboutprojects {
    margin-right: 30px
}

.casestudy_btn a {
    color: #fff;
    border: 1.35px solid #fff;
    transition: 0.5s all;
    font-family: Poppins;
    font-size: 17.49px;
    font-weight: 600;
    line-height: 26.24px;
    text-align: left;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 0 20px
}

.casestudy_btn a img {
    margin-left: 15px;
    transition: 0.3s all;
    max-width: 28px;
    filter: brightness(0) invert(1)
}

.casestudy_btn a:hover {
    background-color: #fff;
    color: #08223a
}

.casestudy_btn a:hover img {
    filter: none;
    margin-left: 20px
}

.casestudy_btn {
    margin-bottom: 30px
}

.available_on p {
    font-size: 14px;
    margin-bottom: 6px
}

.available_btns a {
    display: inline-block;
    margin-right: 8px
}

.mobileportfoilo_logo div {
    border: .62px solid #fff
}

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

.webportfolio_box {
    background: linear-gradient(0deg,rgb(21 27 58 / .05),rgb(21 27 58 / .05)),radial-gradient(65.11% 133.4% at 50% -30.96%,rgb(255 255 255 / .25) 0%,#fff0 100%);
    border: 2px solid #ffffff29;
    border-radius: 17px;
    padding: 30px 30px;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 60px
}

.webportfolio_content p {
    margin: 30px 0 40px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #fff
}

.weblogo {
    max-width: 100%
}

.webportfolio_content {
    width: 38%;
    padding-right: 30px
}

.webportfolio_change .webportfolio_content {
    padding-right: 0;
    padding-left: 30px
}

.webportfolio_img {
    width: 62%
}

.go_website {
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    border-radius: 7px;
    padding: 4px 20px 4px 4px;
    color: #0080ff;
    font-size: 13.63px;
    font-weight: 500;
    transition: 0.3s ease-in-out;
    line-height: 20.45px
}

.go_website .btn-arrow {
    margin-left: 16px;
    max-width: 28px;
    transition: 0.3s ease-in-out
}

.go_website span {
    display: flex;
    height: 34px;
    width: 34px;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
    background-color: #000;
    margin-right: 16px
}

.go_website span img {
    max-width: 26px
}

.go_website:hover .btn-arrow {
    transform: translateX(14px)
}

.go_website:hover {
    padding-right: 0
}

.webportfolio_img img {
    max-width: 100%
}

.iprice_btn a span {
    background-color: #2d6984
}

.singuart_btn a span {
    background-color: #001dc0
}

.singuart_btn .go_website {
    background: #f5f2ff!important
}

.friday_btn a span {
    background-color: #a0d46a
}

.friday_btn .go_website {
    background: #a0d46a3b!important
}

.weboverlayimg1 {
    top: 50px;
    right: 0;
    max-width: 100%
}

.weboverlayimg2 {
    top: 500px;
    left: 0
}

.weboverlayimg3 {
    max-width: 100%;
    bottom: 300px;
    left: 0
}

.weboverlayimg4 {
    bottom: -20px;
    right: 0;
    max-width: 100%
}

.cs_banner_main {
    background: #3983f7;
    border-radius: 76px;
    padding: 60px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.cs_banner_right {
    width: 35%;
    text-align: left;
    padding-left: 20px
}

.cs_banner_left {
    width: 35%;
    text-align: end;
    padding-right: 20px
}

.cs_banner_center {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center
}

.cs_banner_center img {
    max-width: 100%
}

.cs_banner_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 53px;
    background-color: #000;
    color: #fff;
    border-radius: 48px;
    padding: 0 30px;
    font-size: 18.34px;
    font-weight: 400;
    text-align: left;
    margin: 20px 0
}

.casestudy_banner {
    padding-top: 120px
}

.cs_pb {
    padding-bottom: 30px
}

.cs_badge_1 {
    background: #ff6b84
}

.cs_badge_2 {
    background: #fea340
}

.cs_badge_3 {
    background: #574acb
}

.cs_badge_4 {
    background: #3bb0ff
}

.cs_badge_5 {
    background: #34a853
}

.cs_badge_6 {
    background: #fe408a
}

.cs_logo {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    border: 1.27px solid #2d3a5a;
    overflow: hidden
}

.cs_logo img {
    max-width: 90%
}

.problemfaced_icon {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/rounded_shape.webp);
    height: 185px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 8px
}

.problemfaced_main {
    background-color: #fff;
    padding: 80px 55px 20px;
    border-radius: 76px;
    position: relative
}

.problemfaced_head {
    width: 100%;
    margin-bottom: 60px
}

.problemfaced_head h2 {
    margin-bottom: 12px;
    font-weight: 800;
    font-size: 33px;
    color: #1d1d1d
}

.problemfaced_head h2 span {
    color: #3983f7
}

.problemfaced_head p {
    font-size: 16px;
    font-weight: 500;
    margin: 0
}

.problemfaced_inner {
    width: 1150px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap
}

.problemfaced_box {
    width: 26%;
    margin: 0 40px
}

.problemfaced_box p {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 25px 0 0;
    line-height: 28px
}

.problemfaced_box {
    width: 26%;
    margin: 0 40px 70px
}

.whyus_box {
    background: #0067ff;
    border-radius: 76px;
    padding: 110px 55px;
    position: relative;
    width: 49%
}

.whyus_box::after {
    position: absolute;
    content: "";
    right: 30px;
    top: 40px;
    height: 118px;
    width: 118px;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/whyus_frame.webp);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 118px;
    z-index: 0
}

.whyus_main {
    display: flex;
    justify-content: space-between
}

.whyus_img {
    width: 49%
}

.overflow-x-add {
    overflow-x: hidden
}

.whyus_img img {
    max-width: 100%;
    width: 100%
}

.whyus_box h2 {
    font-size: 60.41px;
    font-weight: 800;
    line-height: 66.47px;
    color: #fff;
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

.whyus_box p {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 30px;
    line-height: 32px;
    color: #fff
}

.cs_head h2 {
    margin-bottom: 12px;
    font-weight: 800;
    font-size: 33px;
    color: #1d1d1d
}

.cs_head p {
    font-size: 16px;
    font-weight: 500;
    margin: 0
}

.cs_head {
    width: 100%;
    margin-bottom: 60px
}

.cs_head h2 span {
    color: #3983f7
}

.process_main {
    background-color: #fff;
    padding: 60px 55px 50px;
    border-radius: 76px;
    position: relative
}

.processmain_box {
    background: #e6eefb;
    border-radius: 32px;
    padding: 25px 25px;
    margin-bottom: 40px;
    width: 31%;
    margin-right: 42px
}

.processmain_inner {
    flex-wrap: wrap
}

.processmain_inner .processmain_box:nth-child(3n+0) {
    margin-right: 0
}

.processmain_inner .processmain_box:nth-child(even) {
    background-color: #0067ff
}

.processmain_inner .processmain_box:nth-child(even) h3 {
    color: #fff
}

.processmain_box h3 {
    color: #282d3c;
    font-size: 34px;
    font-weight: 700;
    line-height: 41.88px;
    text-align: left;
    margin: 0
}

.process_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c8e4ff;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
    margin-left: auto
}

.processmain_inner {
    display: flex
}

.solutions_main {
    background-color: #fff;
    padding: 60px 55px 30px;
    border-radius: 42px;
    position: relative
}

.solutions_box_bg {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/solution_frame.webp);
    background-position: center;
    background-repeat: no-repeat;
    height: 161px;
    width: 161px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px
}

.solutions_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 105px;
    width: 105px;
    background: #e6eefb;
    border-radius: 50px
}

.solutions_icon img {
    max-width: 67px
}

.solutions_box h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    line-height: 28px;
    color: #161b27
}

.solutions_box {
    width: 18%;
    margin-right: 30px;
    margin-bottom: 50px
}

.solutions_inner .solutions_box:nth-child(5n+0) {
    margin-right: 0
}

.solutions_inner {
    display: flex;
    flex-wrap: wrap
}

.techstack_main {
    background-color: #fff;
    padding: 60px 55px 30px;
    border-radius: 44px;
    position: relative
}

.tech_1 {
    background: #ebfcff;
    border: 1px solid #00d8ff
}

.tech_2 {
    background: #fff0da;
    border: 1px solid #f90
}

.tech_3 {
    background: #e8fbe7;
    border: 1px solid #c0d8ff
}

.tech_4 {
    background: #edffd6;
    border: 1px solid #c0d8ff
}

.tech_5 {
    background: #e9fffa;
    border: 1px solid #10a37f
}

.tech_6 {
    background: #edfdff;
    border: 1px solid #00d8ff
}

.techstack_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    padding: 0 25px;
    height: 103px;
    margin-bottom: 35px
}

.techstack_box h3 {
    color: #fff;
    margin: 0;
    font-weight: 700;
    font-size: 22px;
    text-align: end;
    line-height: 30px
}

.cs_cta_main {
    background: #0067ff;
    border-radius: 62px;
    padding: 0 70px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cs_cta_left p {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    line-height: 32px;
    color: #fff
}

.cs_cta_left h2 {
    font-size: 46px;
    font-weight: 800;
    line-height: 46.47px;
    color: #fff;
    margin-bottom: 15px
}

.techstack_box img {
    max-height: 60px
}

.cs_cta_left {
    width: 50%
}

.cs_cta_right {
    width: 50%;
    text-align: center;
    margin-top: -30px
}

.cs_cta {
    margin-top: 30px
}

.cs_cta_right img {
    max-width: 100%
}

.appscreens_box img {
    max-width: 100%
}

.appscreens_box {
    margin: 0 8px
}

.appscreens_head {
    margin-bottom: 40px;
    text-align: center
}

.appscreens_head h2 {
    text-shadow: 0 2.05px 2.05px #776e6e40;
    color: #fff;
    font-weight: 800;
    font-size: 60px;
    margin: 0;
    -webkit-text-stroke: 2px blue;
    font-family: "poppins"
}

.cs_appscreens {
    padding: 40px 0 100px
}

.appdownlad_box {
    display: inline-block;
    box-shadow: 0 78.87px 63.1px 0 #45679b12;
    background-color: #fff;
    border-radius: 26px;
    padding: 20px 20px
}

.appdownlad_btns {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.appdownlad_btns a {
    width: 49%;
    margin: 0 5px
}

.appdownlad_box p {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 28px;
    color: #161b27;
    margin: 10px 0 0
}

.appdownlad_main {
    display: flex;
    justify-content: center;
    margin-top: 50px
}

.cs_compatibility {
    padding-top: 30px
}

.compatibility_box {
    background: #fff;
    border-radius: 44px
}

.compatibility_top h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 34px;
    margin: 0;
    width: 70%;
    padding-left: 20px
}

.compatibility_p p {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 28px;
    color: #161b27
}

.compatibility_top {
    display: flex;
    align-items: center;
    padding: 18px 20px;
    border-bottom: 1px solid #98adce
}

.compatibility_p {
    padding: 25px 20px 50px
}

.compatibility_circle {
    color: #3983f7;
    font-size: 52px;
    font-weight: 800;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e6eefb;
    height: 90px;
    width: 90px
}

.cs_compatibility .cs_head,.cs_challenges .cs_head {
    margin-left: 50px;
    margin-bottom: 50px
}

.challenges_top h3 {
    color: #ea4335;
    font-size: 28px;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 15px
}

.challenges_top p {
    color: #556488;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;
    margin: 0
}

.challenges_top {
    padding: 0 10px 30px
}

.challenges_bottom {
    background: #b9eed9;
    border-radius: 28px;
    padding: 40px 25px
}

.challenges_bottom h4 {
    color: #28493c;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 12px
}

.challenges_bottom p {
    color: #3d6a58;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    line-height: 28px
}

.challenges_box {
    background-color: #fff;
    padding: 40px 30px 30px;
    border-radius: 44px;
    position: relative;
    width: 49%
}

.cs_challenges_main {
    display: flex;
    position: relative;
    justify-content: space-between
}

.cs_challenges_main::after {
    position: absolute;
    content: "";
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/book.webp);
    height: 510px;
    width: 100%;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%)
}

.cs_challenges {
    padding-top: 30px
}

.passportbanner {
    background: #fff4f6;
    position: relative;
    margin-top: 100px
}

.passportbanner_left h1 {
    color: #1d1d1d;
    font-size: 30px;
    font-weight: 800;
    line-height: 42px;
    margin: 0 0 10px
}

.passportbanner_left span {
    color: #1d1d1d;
    font-size: 20px;
    font-weight: 500;
    display: block
}

.passportbanner_left p {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    margin: 20px 0 0
}

.passportlogo {
    margin-bottom: 30px
}

.passportlogo img {
    max-width: 133px
}

.passport_info {
    margin-top: 30px
}

.passportbanner {
    padding: 60px 0;
    position: relative
}

.passportbanner::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/passport/passportbg.png);
    height: 100%;
    width: 45%;
    background-size: cover;
    background-position: right;
    z-index: 0
}

.passport_info .passportinfo_box {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 31.27px;
    text-align: left;
    background: #e791a0;
    border-radius: 48px;
    height: 52px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 50px;
    color: #fff
}

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

.passport_info .passportinfo_box:nth-child(2) {
    background: #87c7c3
}

.passport_info .passportinfo_box:nth-child(3) {
    background: #ff8752
}

.passport_info .passportinfo_box:nth-child(4) {
    background: #54238e
}

.passportbanner_img img {
    max-width: 400px
}

.passportbanner_img {
    margin-left: 10px
}

.aboutpassport {
    padding: 100px 0 300px;
    position: relative
}

.aboutpassport_content {
    text-align: center;
    position: relative
}

.aboutpassport_content::after {
    position: absolute;
    content: "";
    left: -80px;
    top: -20px;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/passport/dots_about.png);
    width: 104px;
    height: 87px;
    background-position: center;
    background-repeat: no-repeat
}

.aboutpassport_content h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
    margin-bottom: 28px;
    color: #1d1d1d
}

.aboutpassport_content p {
    color: #576883;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 30px
}

.aboutpassport::after {
    position: absolute;
    content: "";
    right: 0;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/passport/about_layer.png);
    height: 100%;
    width: 100%;
    bottom: 0;
    background-position: bottom right;
    background-repeat: no-repeat
}

.aboutpassport::before {
    position: absolute;
    content: "";
    right: 0;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/passport/aboutlayer_2.png);
    height: 100%;
    width: 100%;
    bottom: 0;
    background-position: bottom left;
    background-repeat: no-repeat
}

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

.aboutline {
    position: absolute;
    bottom: 80px;
    left: 0;
    max-width: 860px
}

.passport_head h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
    color: #1d1d1d;
    margin: 0
}

.passport_head {
    margin-bottom: 40px
}

.passportproccess_box {
    background: #e6eefb;
    border-radius: 23px;
    padding: 15px;
    margin-bottom: 30px;
    width: 100%;
    transition: 0.3s all
}

.passportproccess_box:hover {
    transform: translateY(-5px)
}

.pj_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    width: 72px;
    background-color: #fff;
    border-radius: 50px;
    margin-left: auto;
    margin-bottom: 20px
}

.pj_icon img {
    max-width: 100%
}

.pj_name h3 {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 600;
    line-height: 30.66px;
    color: #000;
    margin: 0
}

.pj_name {
    padding: 0 0 5px 5px
}

.passportproccess_main .col-md-3 {
    display: flex
}

.passportproccess_main {
    display: flex;
    flex-wrap: wrap
}

.passportproccess_2 {
    background: #faccbc
}

.passportproccess {
    padding: 40px 0 80px
}

.pj_challenge_img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 280px;
    overflow: hidden;
    border-radius: 13px
}

.pj_challenge_img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out
}

.pj_challenge_box:hover .pj_challenge_img img {
    transform: scale(1.2) rotate(5deg)
}

.pj_challenge_box {
    border: 1.1px solid #adb6c5;
    border-radius: 13px;
    padding: 12px;
    width: 100%
}

.pj_challenge_outer {
    display: flex;
    position: relative
}

.pj_challenge_outer::after {
    position: absolute;
    content: "";
    right: -70px;
    top: -90px;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/passport/dots_2.png);
    width: 118px;
    height: 128px;
    background-position: center;
    background-repeat: no-repeat
}

.pj_challenge_outer .col-md-6 {
    display: flex
}

.pj_challenge_txt h3 {
    color: #fff;
    font-family: Poppins;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 20px
}

.pj_challenge_txt p {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #fff
}

.pj_challenge_txt {
    padding: 20px 20px 0
}

.passport_challenge {
    padding: 40px 0 40px
}

.pj_solution_icon {
    background: #faccbc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 107px;
    width: 107px;
    margin: 0 auto 25px
}

.pj_solution_icon img {
    max-width: 52px;
    transition: 0.3s ease-in-out
}

.pj_solution_box:hover .pj_solution_icon img {
    transform: rotateY(350deg)
}

.pj_solution_box {
    text-align: center;
    width: 20%;
    padding: 0 10px;
    margin-bottom: 50px
}

.pj_solution_main {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px
}

.pj_solution_box h3 {
    color: #161b27;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.55px;
    margin: 0
}

.passport_solutions {
    padding: 120px 0 40px;
    position: relative
}

.passport_solutions::after {
    position: absolute;
    content: "";
    left: 0;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/passport/solution_after.png);
    height: 100%;
    width: 100%;
    top: -40px;
    background-position: top left;
    background-repeat: no-repeat
}

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

.pj_appscreens .appscreens_head h2 {
    -webkit-text-stroke: 2px #ff8752
}

.pj_appscreens .appdownlad_box {
    box-shadow: 0 0 53.1px 40px #45679b12
}

.passport_techstack .container>.row {
    border-top: 1px solid #8b8989;
    border-bottom: 1px solid #8b8989;
    padding: 90px 0
}

.pj_cta {
    padding: 90px 0 80px
}

.pj_cta_main {
    background: #7d7dbc;
    border-radius: 27px;
    padding: 0 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.pj_cta_main::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/passport/cta_dots.png);
    width: 104px;
    height: 87px;
    background-position: center;
    background-repeat: no-repeat
}

.pj_cta_main::before {
    position: absolute;
    content: "";
    right: 3px;
    top: 0;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/passport/cta_leaf.png);
    width: 571px;
    height: 218px;
    background-position: center right;
    background-repeat: no-repeat
}

.pj_cta_left p {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    line-height: 32px;
    color: #fff
}

.pj_cta_left h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
    color: #fff;
    margin-bottom: 10px
}

.pj_cta_left {
    width: 50%
}

.pj_cta_right {
    width: 40%;
    text-align: center;
    margin-top: -60px;
    position: relative;
    z-index: 1
}

.patenta_banner {
    margin-top: 101px;
    position: relative;
    padding: 80px 0 80px
}

.patenta_banner::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f8aa29;
    border-radius: 0 0 58px 58px;
    height: 648px;
    width: 100%
}

.patenta_banner::before {
    position: absolute;
    content: "";
    top: 30px;
    left: 30px;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/patenta/patenta_blub.png);
    height: 506px;
    width: 477px;
    z-index: 1;
    background-repeat: no-repeat
}

.patenta_laptop {
    margin-top: 30px
}

.patenta_main {
    text-align: center;
    position: relative;
    z-index: 1
}

.logo_patenta {
    max-width: 389px
}

.patenta_laptop img {
    max-width: 100%
}

.patenta_banner_txt h1 {
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
    margin-bottom: 18px;
    color: #1d1d1d
}

.patenta_banner_txt p {
    color: #576883;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 0
}

.patenta_banner_txt h1 span {
    font-weight: 600
}

.evolutionary_img img {
    max-width: 100%
}

.evolutionary_content h2 {
    font-size: 28px;
    font-weight: 800;
    line-height: 42px;
    color: #1d1d1d;
    margin: 0 0 20px
}

.evolutionary_content ul li p {
    color: #fff;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 0
}

.evolutionary_content ul li {
    position: relative;
    border-bottom: .8px dashed #d2cbcb;
    padding: 20px 0 20px 40px
}

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

.evolutionary_content ul li::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    background: #f8aa29;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    transform: translateY(-50%)
}

.evolutionary_main {
    border-top: 1px dashed #8b8989;
    padding: 90px 0 70px;
    border-bottom: 1px dashed #8b8989;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.whypatenta_main {
    padding: 90px 0 90px;
    border-bottom: 1px dashed #8b8989;
    text-align: center
}

.whypatenta_main h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
    margin-bottom: 28px;
    color: #1d1d1d
}

.whypatenta_main p {
    color: #fff;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 30px
}

.whypatenta_main p:last-child {
    margin: 0
}

.patenta_challenge_outer {
    display: flex;
    padding-bottom: 90px;
    border-bottom: 1px dashed #8b8989
}

.patenta_challenge_outer .col-md-6 {
    display: flex
}

.patenta_challenge {
    padding-top: 90px
}

.patenta_solutions {
    padding-top: 90px
}

.patenta_solutions .pj_solution_main {
    padding-bottom: 50px;
    border-bottom: 1px dashed #8b8989;
    margin: 0 -16px
}

.patenta_techstack {
    padding: 90px 0
}

.patenta_solutions .passport_head {
    margin-bottom: 60px
}

.patenta_solutions .pj_solution_icon {
    background: #fff3d7
}

.patenta_proccess {
    padding-top: 90px
}

.proccesspatenta_box {
    width: 17%;
    margin-right: 42px;
    margin-bottom: 50px
}

.proccesspatenta_box_bg {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/process_frame.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 147px;
    width: 147px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px
}

.proccesspatenta_box h3 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    line-height: 28px;
    color: #161b27
}

.proccesspatenta_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    width: 96px;
    background: #fdb9134f;
    border-radius: 50px
}

.patenta_proccess_main {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #8b8989;
    padding-bottom: 70px
}

.patenta_proccess_main .proccesspatenta_box:nth-child(5n+0) {
    margin-right: 0
}

.patentascrees {
    padding: 100px 0 100px
}

.patentascrees_head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px
}

.patentascrees_head img {
    max-width: 389px
}

.patenta_cta_main {
    background: #09324f;
    border-radius: 10px;
    padding: 0 60px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.patenta_cta_left h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
    color: #fff;
    margin-bottom: 10px
}

.patenta_cta_left p {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    line-height: 32px;
    color: #fff
}

.patenta_cta_left {
    width: 65%
}

.patenta_cta_right {
    width: 35%;
    text-align: end
}

.saudibanner::after {
    background: #1f854b;
    border-radius: 0
}

.saudibanner::before {
    display: none
}

.saudievolutionary .evolutionary_content {
    padding-left: 40px
}

.saudievolutionary .evolutionary_content ul li::after {
    background: #1f854b
}

.whysaudi {
    position: relative
}

.whysaudi::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/saudienaya/saudilogo.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 430px
}

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

.whysaudi .whypatenta_main {
    padding: 110px 0 110px
}

.saudiproccess_box {
    background: #0462b0;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 55px 30px;
    text-align: center;
    width: 100%
}

.saudiproccess_box h3 {
    font-family: Poppins;
    font-size: 27.16px;
    font-weight: 700;
    line-height: 40.88px;
    letter-spacing: .5753337740898132px;
    text-align: center;
    color: #fff;
    margin: 0
}

.saudiproccess_ico {
    min-height: 130px
}

.saudiproccess_box img {
    max-height: 97px
}

.saudiproccess_main {
    display: flex;
    border-bottom: 1px dashed #8b8989;
    padding-bottom: 90px
}

.saudistack_main {
    display: flex;
    border-bottom: 1px dashed #8b8989;
    padding-bottom: 90px
}

.saudistack_main .col-md-4 {
    display: flex
}

.saudiproccess_main .col-md-4 {
    display: flex
}

.saudiproccess {
    padding-top: 90px
}

.saudi_head {
    margin-bottom: 50px
}

.saudistack {
    padding-top: 90px
}

.saudistack_box {
    width: 100%;
    border-radius: 16px;
    padding: 40px 30px;
    text-align: center;
    height: 370px;
    display: flex;
    align-items: center;
    justify-content: center
}

.saudistack_icon {
    height: 114px;
    width: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto 30px
}

.stack_1 {
    background-color: #ebfcff;
    border: .98px solid #00d8ff
}

.stack_2 {
    border: .98px solid #f90;
    background-color: #fff0da
}

.stack_3 {
    border: .98px solid #e48e00;
    background-color: #fff8ec
}

.saudistack_icon {
    height: 114px;
    width: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto 30px
}

.saudistack_icon img {
    max-height: 72px
}

.saudistack_box h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 38px;
    margin: 0 0 8px
}

.saudistack_box h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin: 0
}

.saudicta_main {
    box-shadow: 0 13.83px 20.22px 0 #00000012;
    background: linear-gradient(115.62deg,#025fb5 -.04%,#1b805c 85.92%);
    border-radius: 18px;
    padding: 0 70px;
    display: flex;
    align-items: center;
    position: relative
}

.saudicta_main::before {
    position: absolute;
    content: "";
    right: 33px;
    top: 20px;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/saudienaya/saudilogo.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 140px;
    opacity: .2
}

.saudicta_left h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
    color: #fff;
    margin-bottom: 10px
}

.saudicta_left p {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    line-height: 32px;
    color: #fff
}

.saudicta_left {
    width: 65%
}

.saudicta_right {
    width: 35%;
    text-align: center;
    margin-top: -70px;
    position: relative;
    z-index: 1
}

.saudicta_right img {
    max-width: 100%
}

.saudicta {
    padding: 100px 0 100px
}

.sn_appscreen .appdownlad_box {
    box-shadow: 0 0 53.1px 40px #45679b12
}

.sn_appscreen {
    padding: 30px 0 100px
}

.sn_appscreen_head {
    text-align: center;
    margin-bottom: 60px
}

.sn_appscreen_head h2 {
    font-family: Poppins;
    font-size: 80.23px;
    font-weight: 700;
    line-height: 95.63px;
    color: #1f854b
}

.sn_appscreen_box img {
    max-width: 100%;
    width: 100%
}

.sn_appscreen_slider .col-md-6 {
    width: 58%
}

.sn_appscreen_slider .col-md-3 {
    width: 21%;
    display: flex
}

.mindleague_border div img {
    margin-bottom: -5px
}

.sn_appscreen_slider {
    flex-wrap: nowrap;
    display: flex;
    align-items: center
}

.mindleague_banner::after {
    background: linear-gradient(97.72deg,#95bfe5 1.79%,#cdc9f3 98.94%);
    border-radius: 0;
    height: 578px
}

.mindleague_banner::before {
    display: none
}

.innovationss .evolutionary_content ul li::after {
    background: #241f20
}

.mindleague_box_bg {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/frame_1.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 146px;
    width: 146px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px
}

.mindleague_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    width: 96px;
    background: #473a22;
    border-radius: 50px
}

.mindleague_icon img {
    max-width: 100%
}

.proccesspatenta_icon img {
    max-width: 100%
}

.mindleague_box h3 {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    line-height: 26px;
    color: #161b27
}

.mindleague_box {
    width: 14%;
    margin-right: 36px;
    margin-bottom: 30px
}

.mindleague_proccess_main {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #8b8989;
    padding-bottom: 50px
}

.mindleague_proccess_main .mindleague_box:nth-child(6n+0) {
    margin-right: 0
}

.mindleague_proccess {
    padding-top: 90px
}

.ml_logo {
    text-align: center;
    margin-bottom: 50px
}

.ml_cta_main {
    display: flex;
    align-items: center;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/mindleague/chessboard.png);
    background-position: center;
    position: relative;
    padding: 0 70px
}

.ml_cta_txt h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 42px;
    color: #fcd487;
    margin-bottom: 10px
}

.ml_cta_txt p {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    line-height: 32px;
    color: #fff
}

.ml_cta_txt {
    width: 32%
}

.ml_ctaimg img {
    max-width: 100%;
    margin-right: -220px
}

.ml_ctaimg {
    width: 68%;
    text-align: center;
    margin-top: -70px
}

.ml_cta {
    padding: 90px 0 100px
}

.ml_cta_main::before {
    position: absolute;
    content: "";
    right: 3px;
    top: 50%;
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/mindleague/chessafter.png);
    width: 590px;
    height: 225px;
    background-position: center right;
    background-repeat: no-repeat;
    transform: translateY(-50%)
}

.mindleague_techstack .container>.row {
    border-bottom: 1px dashed #8b8989;
    padding-bottom: 70px
}

.mindleague_techstack {
    padding-bottom: 0
}

.ml_solutions_main {
    border-bottom: 1px dashed #8b8989;
    padding-bottom: 70px;
    display: flex;
    flex-wrap: wrap
}

.ml_solutions_main .col-md-3 {
    display: flex
}

.ml_solutions_box {
    background: #fcd48721;
    border-radius: 12px;
    text-align: center;
    padding: 50px 20px;
    margin-bottom: 30px;
    width: 100%
}

.mlsolutions_icon {
    background: #473a22;
    border-radius: 50%;
    height: 96px;
    width: 96px;
    margin: 0 auto 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all
}

.mlsolutions_icon img {
    max-width: 100%;
    transition: 0.3s all
}

.ml_solutions_box h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26.08px;
    color: #161b27;
    margin: 0
}

.ml_solutions_box:hover .mlsolutions_icon {
    transform: translateY(-5px)
}

.mindleague_solutions {
    padding-top: 40px
}

.ml_challenges_main {
    border: 1.02px solid #cdd8eb;
    border-radius: 17px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.ml_challenges {
    padding: 90px 0 40px
}

.ml_challenges_first {
    background: #473a22;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 400px;
    width: 33.33%;
    padding: 0 20px
}

.ml_challenges_first h2 {
    color: #fff;
    font-size: 32px;
    margin: 26px 0 0;
    font-weight: 700;
    line-height: 44px
}

.ml_challenges_first img {
    max-width: 110px
}

.ml_challenges_box {
    width: 33.33%;
    padding: 45px 30px;
    display: flex;
    align-items: flex-start;
    border-right: 1.04px dashed #cdd8ea;
    height: 400px
}

.ml_challenges_main .ml_challenges_box:nth-child(2),.ml_challenges_main .ml_challenges_box:nth-child(3) {
    border-bottom: 1.04px dashed #cdd8ea
}

.ml_challenges_main .ml_challenges_box:nth-child(3n+0) {
    border-right: 0
}

.ml_challenges_top span {
    background: #fcd487;
    border-radius: 17px;
    color: #fff;
    font-family: Poppins;
    font-size: 14.61px;
    font-weight: 600;
    line-height: 34.56px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    margin-bottom: 14px
}

.ml_challenges_top {
    margin-bottom: 30px
}

.ml_challenges_bottom span {
    background: #cce7ff;
    border-radius: 17px;
    color: #fff;
    font-family: Poppins;
    font-size: 14.61px;
    font-weight: 600;
    line-height: 34.56px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 24px;
    margin-bottom: 14px
}

.ml_challenges_box p {
    color: #fff;
    font-family: Poppins;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 26px;
    margin: 0
}

.athlopolis_cta .cs_cta_left h2 {
    line-height: 62.47px
}

.athlopolis_banner .cs_banner_main {
    background-color: rgb(98 101 232)
}

.whyus_box p:last-child {
    margin: 0
}

.athlopolis_cta .cs_cta_main {
    background-color: rgb(98 101 232);
    border-radius: 22px
}

.why_us_athlopolis .whyus_box {
    background: rgb(98 101 232)
}

.why_us_athlopolis .whyus_box::after {
    filter: brightness(10.5);
    opacity: .2
}

.athlopolis_process .processmain_inner .processmain_box:nth-child(even) {
    background-color: rgb(98 101 232)
}

.athlopolis_challenges .cs_challenges_main::after {
    height: 420px
}

.athlopolis_banner .cs_logo {
    border: 1.27px solid #fff;
    overflow: hidden;
    background: #fff
}

.athlopolis_banner .cs_logo img {
    max-width: 101px
}

.starimpoters_banner {
    padding: 80px 0 70px
}

.si_challenges .ml_challenges_box {
    width: 50%;
    height: auto;
    border-bottom: 0!important;
    padding: 35px 30px
}

.si_challenges .ml_challenges_first {
    height: auto;
    width: 100%;
    padding: 40px 0
}

.challeng_head {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 16px
}

.tech_4 h3,.tech_6 h3 {
    text-align: left
}

.starimpoters_banner::after {
    background: #eb3237
}

.sofrati_cta ul {
    padding-left: 20px;
    list-style: circle;
    color: #fff;
    font-size: 22px
}

.sofrati_cta .pj_cta_left p {
    font-size: 17px;
    line-height: 30px;
    color: #fff
}

.si_appscreen {
    padding-top: 60px
}

.si_appscreen .appscreens_head h2 {
    -webkit-text-stroke: 2px #eb3237
}

.simpoters_challenges .ml_challenges_first {
    background-color: #eb3237
}

.simpoters_challenges .ml_challenges_top span {
    background-color: #eb3237;
    color: #fff
}

.simpoters_challenges .ml_challenges_bottom span {
    background-color: #3e4093;
    color: #fff
}

.simpoters_challenges .ml_challenges_box p {
    font-size: 15.5px;
    font-weight: 500;
    line-height: 30px
}

.passport_head p {
    color: #fff;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    margin: 14px 0 0
}

.solutions_si .saudiproccess_box {
    border-radius: 8px;
    padding: 28px;
    background-color: #3e4093;
    text-align: left;
    justify-content: flex-start
}

.solutions_si .saudiproccess_box h3 {
    font-size: 22px;
    line-height: 30.88px;
    text-align: left;
    color: #fff;
    margin: 0 0 12px;
    font-weight: 600
}

.solutions_si .saudiproccess_box p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: Poppins;
    line-height: 26px
}

.process_icon img {
    max-width: 60px
}

.si_ico {
    margin-bottom: 15px
}

.solutions_si .saudiproccess_box .si_ico img {
    max-width: 70px
}

.solutions_si .saudiproccess_main .col-md-3 {
    display: flex
}

.evolutionary_content p {
    color: #fff;
    font-family: Poppins;
    font-size: 17px;
    line-height: 30px
}

.si_evolutionary .evolutionary_content h2 {
    margin-bottom: 10px
}

.misdbanner {
    background: #8300c4
}

.misdbanner .passportbanner_left h1,.misdbanner .passportbanner_left span,.misdbanner .passportbanner_left p {
    color: #fff
}

.misd_box {
    background-color: #fff;
    border-radius: 40px;
    padding: 10px 30px;
    margin-top: 22px;
    font-weight: 700;
    font-size: 18px;
    color: #8300c4
}

.misdprocess .passportproccess_2 {
    background: #8300c4
}

.misdprocess .passportproccess_2 h3 {
    color: #fff
}

.misdprocess .pj_name h3 {
    font-size: 22px
}

.misd_appscreens .appscreens_head h2 {
    -webkit-text-stroke: 2px #8300c4
}

.misd_appscreens {
    padding-top: 80px
}

.misd_challenge {
    padding-bottom: 100px
}

.misdprocess .pj_icon img {
    max-width: 41px
}

.aboutmisd::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/misd/afterimg.png)
}

.aboutmisd::before {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/misd/beforeimg.png)
}

.aboutmisd .aboutpassport_content::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/misd/cotentafter.png)
}

.misd_challenge .pj_challenge_outer::after {
    display: none
}

.misdbanner::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/misd/misdbg.png)
}



.sofaratibanner {
    background-color: #59365c
}

.sofaratibanner .passportinfo_box {
    background: #bb9fdc!important;
    font-size: 17px;
    padding: 0 19px;
    border-radius: 10px;
    line-height: 22.27px
}

.sofaratibanner .passportbanner_left h1,.sofaratibanner .passportbanner_left p,.sofaratibanner .passportbanner_left span {
    color: #fff
}

.sofaratibanner::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/sofrati/sofratibg.png)
}

.sofaratiabout .aboutpassport_content::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/sofrati/dots_about.png)
}

.sofaratiabout::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/sofrati/about_layer.png)
}

.sofaratiabout::before {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/sofrati/aboutlayer_2.png)
}

.sofaratiprocess .passportproccess_box {
    background: #bb9fdc;
    box-shadow: 0 9px 14px 0 #59365c33
}

.sofaratiprocess .passportproccess_2 {
    background: #59365c
}

.sofaratiprocess .pj_name h3 {
    color: #fff
}

.sofratisolution .pj_solution_icon {
    background: #bb9fdc
}

.sofratisolution::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/sofrati/solution_after.png)
}

.sofrati_cta .pj_cta_main {
    background: #59365c;
    box-shadow: 0 9px 14px 0 #59365c33;
    padding: 30px 80px 20px
}

.sofrati_cta .pj_cta_main::after,.sofrati_cta .pj_cta_main::before {
    display: none
}

.sofrati_apps .appscreens_head h2 {
    -webkit-text-stroke: 3px #59365c;
    font-family: "Poppins"
}

.tc_sofrati .pj_challenge_outer::after {
    display: none
}

.moonoabg .cs_logo {
    background-color: #fff;
    border-color: #fff
}

.moonoabg .cs_logo img {
    border-radius: 30px
}

.moonoabg .cs_banner_main {
    background: #0c1e3a
}

.moonoa_process .processmain_inner .processmain_box:nth-child(even) {
    background: #0c1e3a
}

.why_Moonoa .whyus_box {
    background-color: #6d61fa
}

.why_Moonoa .whyus_box::after {
    display: none
}

.monoacta .cs_cta_main {
    background: #6d61fa
}

.monoaapp_screen .appscreens_head h2 {
    -webkit-text-stroke: 3px #0c1e3a
}

.sofrati_stack .techstack_box h3 {
    font-size: 20px
}

.tc_sofrati .ml_challenges_first {
    background-color: #59365c
}

.tc_sofrati {
    padding-top: 0
}

.sofratisolution .pj_solution_box {
    width: 31%;
    border: 1px solid #59365c2b;
    margin: 0 14px 30px;
    padding: 30px 20px;
    border-radius: 12px
}

.anasabanner {
    background: #4f74b0
}

.anasabanner .passportbanner_left h1,.anasabanner .passportbanner_left p,.anasabanner .passportbanner_left>span {
    color: #fff
}

.anasabanner .passport_info .passportinfo_box {
    background-color: #e25927!important;
    border-radius: 8px;
    padding: 0 22px;
    font-size: 18px
}

.anssachallenges .ml_challenges_first {
    background-color: #4f74b0
}

.anssachallenges {
    padding-top: 0
}

.anssachallenges .ml_challenges_main .ml_challenges_box:last-child {
    width: 100%;
    border-top: 1.04px dashed #cdd8ea
}

.anasasolutions .pj_solution_icon {
    background-color: #e25927
}

.anasacta .pj_cta_main {
    background-color: #4f74b0
}

.anasa_apps .appscreens_head h2 {
    -webkit-text-stroke: 3px #e25927;
    font-family: "Poppins"
}

.anasabanner .passportbanner_img img {
    max-width: 320px
}

.sofaratibanner .passportbanner_img img {
    max-width: 320px
}

.anasabanner::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/anasa/anasabg.png)
}

.ansaabout .aboutpassport_content::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/anasa/dots_about.png)
}

.ansaabout::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/anasa/about_layer.png)
}

.ansaabout::before {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/anasa/aboutlayer_2.png)
}

.anasasolutions::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/anasa/solution_after.png)
}

.monooabanner {
    background: #0f1b31
}

.monooabanner .passportlogo img {
    border-radius: 20px;
    border: 2px solid #fff
}

.monooabanner .passportbanner_left h1,.monooabanner .passportbanner_left p,.monooabanner .passportbanner_left span {
    color: #fff
}

.monooabanner .passportinfo_box {
    background-color: #837ddb!important;
    border-radius: 10px;
    font-size: 18px;
    padding: 0 30px
}

.monooabanner .passportbanner_img img {
    max-width: 340px
}

.monooachallenges .ml_challenges_first {
    background-color: #837ddb
}

.monooachallenges {
    padding-top: 0
}

.monooachallenges .ml_challenges_bottom span {
    background-color: #837ddb;
    color: #fff
}

.monooasolutions .pj_solution_box {
    margin: 0 10px 30px;
    width: 23%
}

.monooasolutions .pj_solution_main {
    justify-content: center
}

.monooasolutions .pj_solution_icon {
    background: #837ddb
}

.Moonoa_apps .appscreens_head h2 {
    -webkit-text-stroke: 3px #837ddb;
    font-family: "Poppins";
    text-transform: uppercase
}

.monooaabout::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/moonoa/about_layer.png)
}

.monooaabout::before {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/moonoa/aboutlayer_2.png)
}

.monooasolutions::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/moonoa/solution_after.png)
}

.monooaabout .aboutpassport_content::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/moonoa/dots_about.png)
}

.sofrati_cta .pj_cta_right {
    margin-bottom: -55px
}

.monooabanner::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/moonoa/monooabanner.png)
}

.anasabanner::after {
    background-image: url(https://locations.techgropse.com/wp-content/themes/astra-child/common/css/../images/casestudy/anasa/anasabg.png)
}

.moonoa_border div img {
    border-radius: 21px
}

.anssachallenges .ml_challenges_box:nth-child(2) .ml_challenges_top,.anssachallenges .ml_challenges_box:nth-child(3) .ml_challenges_top {
    min-height: 260px
}

.monooachallenges .ml_challenges_top {
    min-height: 172px
}

.tgportfolio .portfoliopage_box {
    box-shadow: 0 0 40px #0000001a
}

.stickycol {
    position: sticky;
    top: 110px
}

.portfolio_banner {
    overflow: hidden;
    height: 600px;
    position: relative;
    text-align: left;
    color: #fff;
    background-size: 100%!important;
    background-repeat: no-repeat!important
}

.portfolio_banner::after {
    background: linear-gradient(270deg,#fff0 32.33%,rgb(19 25 55 / .9) 78.5%);
    z-index: 1;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.portfolio_banner .portfoliocontt {
    position: absolute;
    z-index: 1;
    left: 0;
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 110px;
    z-index: 2
}

.portfolio_banner .bannervideo {
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0;
    position: relative
}

.portfolio_banner h1 {
    font-weight: 700;
    font-size: 45px;
    line-height: 56px
}

.portbtnnew {
    margin-top: 25px
}

.portbtnnew a {
    display: inline-block;
    background: linear-gradient(127.57deg,#1f79bd 0%,#49b0d9 97.46%);
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    padding: 18px 25px;
    text-align: center;
    border-radius: 35px;
    text-decoration: none;
    transition: all 0.4s ease-in-out
}

.portbtnnew a:hover {
    padding: 18px 30px;
    background: linear-gradient(127.57deg,#49b0d9 0%,#1f79bd 97.46%);
    box-shadow: 0 4px 12px rgb(73 176 217 / .4)
}

.portbtnnew img {
    max-width: 22px;
    margin-left: 5px
}

.portfolio_banner .bannerside img {
    width: 100%
}

.newbg {
    position: relative;
    background: #121836
}

.newbg1 {
    background: #011e32
}

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

.py {
    padding: 55px 0!important;
    scroll-behavior: smooth
}

.midhead {
    margin-bottom: 30px
}

.midcenter {
    text-align: center
}

.midhead h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 20px
}

.midhead h2 span {
    color: #49b0d9
}

.midhead p {
    font-weight: 300;
    font-size: 17px;
    line-height: 28px;
    color: #fff
}

.porttabb.newbg {
    padding: 30px 0;
    position: sticky;
    top: 80px;
    z-index: 2
}

.porttabb ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.porttabb ul a {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
    border: 1px solid #fff0;
    transition: all 0.5s;
    padding: 10px;
    border-radius: 12px;
    cursor: pointer
}

[id="Introduction"],
[id="Challenge"],
[id="Why-Us"],
[id="Solution"],
[id="Features"],
[id="Technology"],
[id="Result"],
[id="BEFORE-AFTER"] {
    scroll-margin-top: 180px
}

.porttabb ul a.active {
    border: 1px solid #fff
}

.overimgg img {
    width: 100%;
    border-radius: 20px;
    height: 100%;
    object-fit: cover
}

.portoverview .row,.portoverview .col-md-5 {
    display: flex
}

.overviewcontt {
    color: #fff
}

.overviewcontt h2 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 15px
}

.overviewcontt p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
}

.overviewcontt h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 15px
}

.overviewcontt .listt {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    justify-content: space-between
}

.overviewcontt .listt .listitem {
    width: 26%
}

.overviewcontt .listitem:last-child {
    width: 100%
}

.overviewcontt .target ul {
    display: flex;
    list-style: circle;
    padding: 0;
    gap: 60px
}

.overviewcontt .target ul p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0
}

.portbusiness {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin-top: 50px
}

.portbusiness .busitems {
    position: relative;
    padding: 30px 30px;
    border-radius: 20px;
    border: 1px solid #3a7cff;
    background: #011e32;
    color: #fff;
    transition: all 0.5s
}

.portbusiness .busitems li {
    margin-top: 20px;
    list-style: none
}

.portbusiness .busitems:hover {
    box-shadow: #1a81ff73 0 8px 24px
}

.portbusiness .busitems .buscontt {
    padding-top: 10px
}

.portbusiness .busitems h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 10px
}

.portbusiness .busitems p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0
}

.portbusiness .busitems .num {
    border-radius: 50%;
    border: 1px solid #3a7cff;
    background: #011e32;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 20px;
    top: -12%
}

.portbusiness .busitems span {
    font-weight: 300;
    font-size: 16px
}

.portmainchoose .row {
    display: flex;
    align-items: center
}

.portmainchoose .row p {
    margin-bottom: 0
}

.portkeyfeature ul {
    list-style: none;
    padding: 0;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3,1fr)
}

.portkeyfeature ul li {
    border-radius: 15px;
    border: 1px solid #fff;
    background: linear-gradient(92deg,rgb(255 255 255 / .25) -36.32%,rgb(255 255 255 / .03) 266.98%);
    backdrop-filter: blur(4.038715839385986px);
    padding: 20px;
    color: #fff;
    transition: all 0.5s
}

.portkeyfeature ul li:hover {
    box-shadow: 0 0 20.072px 5.018px rgb(45 202 212 / .18)
}

.portkeyfeature ul li p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    text-align: center
}

.mainresults {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4,1fr)
}

.mainresults .resultiem {
    border-radius: 19px;
    border: 1px solid #3a7cff;
    background: #012c49;
    padding: 20px 15px;
    text-align: left;
    color: #fff;
    transition: all 0.5s
}

.mainresults .resultiem span {
    font-size: 45px;
    line-height: 56px;
    font-weight: 700
}

.mainresults .resultiem p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin: 15px 0 0
}

.portbeforbx li {
    min-height: 90px;
    list-style: none
}

.portbeforbx .portafter {
    border-radius: 10px;
    background: #012c49;
    padding: 30px 20px 0;
    color: #fff
}

.portbeforbx .portafter ul {
    padding-left: 20px
}

.portbeforbx li p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0
}

.casestudydocket .caseitem {
    display: flex!important;
    gap: 20px;
    background: linear-gradient(0deg,rgb(21 27 58 / .05),rgb(21 27 58 / .05)),radial-gradient(65.11% 133.4% at 50% -30.96%,rgb(255 255 255 / .25) 0%,#fff0 100%);
    padding: 40px 40px;
    border: 2px solid #ffffff29;
    border-radius: 20px;
    color: #fff
}

.casestudydocket .caseitem .contt {
    width: 55%
}

.casestudydocket .caseitem .imgitem {
    width: 45%
}

.casestudydocket .caseitem .imgitem img {
    width: 100%;
    height: 398px;
    object-fit: cover;
    border-radius: 20px
}

.casestudydocket .caseitem .imgitem .item {
    height: 398px
}

.casestudydocket .caseitem .imgitem .slick-list,
.casestudydocket .caseitem .imgitem .slick-track {
    height: 398px
}

.casestudydocket .caseitem h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px
}

.casestudydocket .caseitem .contt img {
    margin-bottom: 20px;
    max-width: 75px
}

.casestudydocket .caseitem span {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 20px
}

.casestudydocket .caseitem p {
    color: #e6e6e6;
    font-weight: 300;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 20px
}

.casestudydocket .caseitem ul {
    border-top: 1px solid #ffffff29;
    list-style: none
}

.casestudydocket .caseitem ul li p {
    margin-bottom: 0;
    font-weight: 600
}

.casestudydocket .caseitem ul {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3,1fr);
    padding: 25px 0 20px
}

.casestudydocket .caseitem .contt a img {
    margin-bottom: 0
}

.casestudydocket .casebtn img {
    max-width: 200px!important
}

.casestudydocket .casebtn {
    display: flex;
    gap: 20px
}

.casestudydocket .caselist {
    padding-left: 20px;
    list-style: disc;
    display: flex!important;
    flex-direction: column
}

.portfoliotech .maintechbx {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    gap: 20px;
    justify-content: center
}

.portfoliotech .maintechbx img {
    padding: 6px;
    max-width: 50px;
    border: 1px solid #06c;
    border-radius: 50%;
    margin-bottom: 15px
}

.portfoliotech .maintechbx ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 20px
}

.portfoliotech .maintechbx .itemstech {
    display: flex;
    flex-direction: column;
    justify-content: start;
    border: 1px solid #06c;
    padding: 20px 20px;
    text-align: center;
    align-items: center;
    border-radius: 12px;
    width: 30%
}

.portfoliotech .maintechbx h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 15px
}

.portfoliotech .maintechbx .itemstech p {
    font-weight: 300;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 0
}

.comm_portfoliocta .main_port_cta {
    background: linear-gradient(0deg,rgb(21 27 58 / .05),rgb(21 27 58 / .05)),radial-gradient(65.11% 133.4% at 50% -30.96%,rgb(255 255 255 / .25) 0%,#fff0 100%);
    border: 2px solid #ffffff29;
    border-radius: 20px;
    padding: 0 0;
    display: flex;
    position: relative
}

.comm_portfoliocta .leftport {
    padding: 30px 40px;
    width: 70%
}

.comm_portfoliocta .rightport {
    width: 30%;
    position: relative
}

.comm_portfoliocta h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    color: #fff;
    margin-bottom: 20px
}

.comm_portfoliocta .rightport img {
    max-width: 270px;
    position: absolute;
    bottom: 0;
    right: 0
}

.twoportbusiness {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 50px
}

.twoportbusiness .twobusitems {
    position: relative;
    padding: 30px 30px;
    border-radius: 20px;
    border: 1px solid #3a7cff;
    background: #011e32;
    color: #fff;
    transition: all 0.5s
}

.twoportbusiness .twobusitems li {
    margin-top: 20px
}

.twoportbusiness .twobusitems:hover {
    box-shadow: #1a81ff73 0 8px 24px
}

.twoportbusiness .twobusitems .buscontt {
    padding-top: 10px
}

.twoportbusiness .twobusitems h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 10px
}

.twoportbusiness .twobusitems p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0
}

.twoportbusiness .twobusitems .num {
    border-radius: 50%;
    border: 1px solid #3a7cff;
    background: #011e32;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 20px;
    top: -12%
}

.twoportbusiness .twobusitems span {
    font-weight: 300;
    font-size: 16px
}

.weblogo {
    background: #fff;
    padding: 10px;
    border-radius: 12px
}

@media (max-width: 1279px) {
    .cs_banner_badge {
        height:50px;
        border-radius: 48px;
        padding: 0 28px;
        font-size: 16.34px;
        margin: 16px 0
    }

    .cs_banner_center img {
        max-width: 90%
    }

    .problemfaced_inner {
        width: 100%
    }

    .problemfaced_box {
        width: 29%;
        margin: 0 20px 60px
    }

    .whyus_box h2 {
        font-size: 50.41px;
        line-height: 60.47px;
        margin-bottom: 40px
    }

    .whyus_box p {
        font-size: 16px;
        margin: 0 0 25px;
        line-height: 29px
    }

    .processmain_box h3 {
        font-size: 28px;
        line-height: 33.88px;
        margin: 0
    }

    .process_icon {
        width: 90px;
        height: 90px;
        margin-bottom: 20px;
        margin-left: auto
    }

    .process_icon img {
        max-height: 60px
    }

    .processmain_box {
        margin-right: 32px
    }

    .solutions_box {
        width: 18%;
        margin-right: 26px;
        margin-bottom: 50px
    }

    .techstack_box img {
        max-width: 100px
    }

    .techstack_box h3 {
        font-size: 22px
    }

    .compatibility_top h3 {
        font-size: 20px;
        line-height: 28px;
        padding-left: 20px
    }
}

@media (max-width: 1199px) {
    .portfolio_page {
        padding:60px 0 60px
    }

    .portfolio_heading h1 {
        font-size: 33px;
        line-height: 44px
    }

    .portfolio_heading p {
        font-size: 15px;
        line-height: 25px
    }

    .portfolio_heading {
        width: 60%
    }

    .portfolio_tabss {
        width: 40%
    }

    .portfolio_head {
        padding: 0 0 40px;
        margin-bottom: 50px
    }

    .portfoliopage_box {
        flex-wrap: wrap;
        height: auto
    }

    .portfoliopage_left {
        width: 100%;
        padding: 40px 30px 40px;
        display: flex;
        flex-wrap: wrap
    }

    .mobileportfoilo_logo {
        margin-bottom: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .aboutproject_portfolio {
        width: 100%;
        position: relative;
        z-index: 1;
        text-align: center
    }

    .mobileportfoilo_details {
        display: flex;
        margin: 30px 0 30px;
        justify-content: center
    }

    .portfoliopage_right {
        height: 100%;
        width: 100%;
        height: 180px;
        margin-top: 270px;
        background-position: center;
        background-color: #3983f7;
        background-image: unset!important
    }

    .portfoliopage_right img {
        position: absolute;
        left: 0;
        max-width: 100%;
        right: 0;
        top: -50px;
        margin: 0 auto;
        max-height: 410px
    }

    .portfoliomobile_bg1 .portfoliopage_right {
        background-color: #fff
    }

    .portfoliomobile_bg2 .portfoliopage_right {
        background-color: #f8844f
    }

    .portfoliomobile_bg3 .portfoliopage_right {
        background-color: #030025
    }

    .portfoliomobile_bg4 .portfoliopage_right {
        background-color: #008cf5
    }

    .portfoliomobile_bg5 .portfoliopage_right {
        background-color: #1d1158
    }

    .portfoliomobile_bg6 .portfoliopage_right {
        background-color: #fac33e
    }

    .portfoliomobile_bg7 .portfoliopage_right {
        background-color: #ff8205
    }

    .portfoliomobile_bg11 .portfoliopage_right {
        background-color: #241f20
    }

    .portfoliomobile_bg8 .portfoliopage_right {
        background-color: #ff8205
    }

    .portfoliomobile_bg9 .portfoliopage_right {
        background: linear-gradient(115.62deg,#025fb5 -.04%,#1b805c 85.92%)!important
    }

    .portfoliomobile_bg10 .portfoliopage_right {
        background: linear-gradient(77.65deg,#fa93bf .62%,#6265e8 50.36%,#10d6e3 92.53%)!important
    }

    .portfoliomobile_bg11 .portfoliopage_right {
        background: #eb3237
    }

    .portfoliomobile_bg12 .portfoliopage_right {
        background: #8300c4
    }

    .casestudy_banner {
        padding-top: 20px
    }

    .cs_banner_main {
        border-radius: 20px;
        padding: 50px 40px
    }

    .cs_logo {
        top: 20px;
        left: 20px;
        width: 120px;
        height: 120px
    }

    .cs_banner_badge {
        height: 50px;
        border-radius: 18px;
        padding: 0 20px;
        font-size: 14.34px;
        margin: 16px 0
    }

    .problemfaced_main,.process_main,.solutions_main,.techstack_main {
        padding: 50px 45px 10px;
        border-radius: 20px
    }

    .problemfaced_head h2,.cs_head h2 {
        margin-bottom: 10px;
        font-size: 26px
    }

    .problemfaced_head p,.cs_head p {
        font-size: 15px;
        margin: 0
    }

    .problemfaced_head,.cs_head {
        margin-bottom: 50px
    }

    .problemfaced_icon img {
        max-width: 130px
    }

    .problemfaced_box {
        width: 29%;
        margin: 0 19px 50px
    }

    .whyus_box {
        border-radius: 20px;
        padding: 60px 40px;
        width: 49%
    }

    .whyus_box h2 {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 30px
    }

    .whyus_box::after {
        right: 20px;
        top: 20px;
        height: 78px;
        width: 78px;
        background-size: 78px
    }

    .processmain_box h3 {
        font-size: 22px;
        line-height: 28px;
        margin: 0
    }

    .processmain_box {
        margin-right: 31px;
        border-radius: 20px;
        padding: 20px 20px;
        margin-bottom: 31px
    }

    .process_icon {
        width: 80px;
        height: 80px;
        margin-bottom: 14px;
        margin-left: auto
    }

    .process_icon img {
        max-height: 45px
    }

    .cs_compatibility .cs_head,.cs_challenges .cs_head {
        margin-left: 40px;
        margin-bottom: 50px
    }

    .cs_challenges {
        padding-top: 20px
    }

    .challenges_box {
        padding: 30px 25px 30px;
        border-radius: 20px;
        position: relative
    }

    .challenges_top h3 {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 10px
    }

    .challenges_top p {
        font-size: 16px;
        line-height: 30px;
        margin: 0
    }

    .cs_challenges_main::after {
        height: 580px
    }

    .solutions_icon {
        height: 85px;
        width: 85px
    }

    .solutions_icon img {
        max-width: 44px
    }

    .solutions_box {
        width: 23%;
        margin-right: 23px;
        margin-bottom: 50px
    }

    .solutions_inner .solutions_box:nth-child(5n+0) {
        margin-right: 26px
    }

    .solutions_inner .solutions_box:nth-child(4n+0) {
        margin-right: 0
    }

    .techstack_box {
        border-radius: 16px;
        padding: 0 20px;
        height: 93px;
        margin-bottom: 30px
    }

    .techstack_box img {
        max-width: 100%;
        max-height: 50px
    }

    .techstack_box h3 {
        font-size: 20px
    }

    .compatibility_circle {
        font-size: 32px;
        height: 70px;
        width: 70px
    }

    .compatibility_box {
        border-radius: 20px
    }

    .compatibility_top h3 {
        font-size: 18px;
        line-height: 26px;
        padding-left: 16px
    }

    .compatibility_p {
        padding: 15px 20px 40px
    }

    .cs_cta_main {
        border-radius: 20px;
        padding: 0 50px
    }

    .cs_cta_left h2 {
        font-size: 36px;
        line-height: 46.47px;
        margin-bottom: 10px
    }

    .appscreens_head h2 {
        font-size: 50px
    }

    .appdownlad_box {
        border-radius: 14px;
        padding: 20px 20px
    }

    .passportbanner {
        padding: 60px 0;
        margin-top: 0
    }

    .passportbanner_img img {
        max-width: 280px
    }

    .passport_info .passportinfo_box {
        font-size: 16px;
        line-height: 21.27px;
        border-radius: 48px;
        height: 44px;
        margin-bottom: 16px;
        padding: 0 30px
    }

    .passportlogo img {
        max-width: 90px
    }

    .passportbanner_left h1 {
        font-size: 26px;
        line-height: 36px;
        margin: 0 0 10px
    }

    .passportbanner_left span {
        font-size: 17px
    }

    .passportbanner_left p {
        font-size: 16px;
        line-height: 29px;
        margin: 15px 0 0
    }

    .aboutpassport_content h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 24px
    }

    .aboutpassport_content p {
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 25px
    }

    .aboutpassport {
        padding: 80px 0 240px
    }

    .aboutpassport::after {
        background-size: 300px
    }

    .aboutline {
        bottom: 40px;
        max-width: 710px
    }

    .pj_name h3 {
        font-size: 22px;
        font-weight: 600;
        line-height: 28.66px;
        margin: 0
    }

    .pj_challenge_outer::after {
        display: none
    }

    .pj_challenge_txt h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px
    }

    .pj_challenge_txt p {
        font-size: 16px;
        line-height: 30px
    }

    .pj_solution_box h3 {
        font-size: 16px;
        line-height: 26.55px;
        margin: 0
    }

    .pj_solution_icon {
        height: 90px;
        width: 90px;
        margin: 0 auto 20px
    }

    .pj_solution_icon img {
        max-width: 36px
    }

    .patenta_banner {
        margin-top: 0;
        padding: 60px 0 60px
    }

    .logo_patenta {
        max-width: 270px
    }

    .patenta_banner::before {
        top: 50px;
        left: 30px;
        background-size: 260px
    }

    .patenta_banner::after {
        height: 518px
    }

    .patenta_banner_txt h1 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 14px
    }

    .patenta_banner_txt p {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 0
    }

    .evolutionary_main {
        padding: 70px 0 70px
    }

    .evolutionary_content h2 {
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 15px
    }

    .whypatenta_main {
        padding: 70px 0 70px
    }

    .whysaudi .whypatenta_main {
        padding: 70px 0 70px
    }

    .whypatenta_main p {
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 25px
    }

    .whypatenta_main h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 24px
    }

    .patenta_proccess {
        padding-top: 70px
    }

    .patenta_proccess_main {
        padding-bottom: 50px
    }

    .proccesspatenta_box {
        width: 17%;
        margin-right: 32px;
        margin-bottom: 40px
    }

    .proccesspatenta_box h3 {
        font-size: 16px;
        line-height: 26px
    }

    .proccesspatenta_icon {
        height: 80px;
        width: 80px;
        border-radius: 50px
    }

    .proccesspatenta_icon img {
        max-width: 56%
    }

    .patenta_challenge {
        padding-top: 70px
    }

    .patenta_solutions {
        padding-top: 70px
    }

    .patenta_solutions .passport_head {
        margin-bottom: 45px
    }

    .patentascrees_head img {
        max-width: 280px
    }

    .patenta_techstack {
        padding: 70px 0
    }

    .patenta_cta_left p {
        font-size: 16px;
        margin: 0;
        line-height: 29px
    }

    .patentascrees {
        padding: 70px 0 70px
    }

    .saudiproccess {
        padding-top: 70px
    }

    .saudi_head {
        margin-bottom: 40px
    }

    .saudiproccess_box h3 {
        font-size: 22px;
        line-height: 33.88px
    }

    .saudiproccess_main {
        padding-bottom: 70px
    }

    .saudistack {
        padding-top: 70px
    }

    .saudistack_main {
        padding-bottom: 70px
    }

    .saudicta {
        padding: 100px 0 80px
    }

    .sn_appscreen_head h2 {
        font-size: 62px;
        line-height: 75.63px
    }

    .saudibanner::after {
        height: 486px
    }

    .whysaudi::after {
        background-size: 400px
    }

    .mindleague_banner::after {
        height: 478px
    }

    .mindleague_box {
        margin-right: 30px
    }

    .mindleague_proccess {
        padding-top: 70px
    }

    .ml_challenges {
        padding: 70px 0 30px
    }

    .ml_solutions_main {
        padding-bottom: 60px
    }

    .ml_cta {
        padding: 65px 0 70px
    }

    .ml_logo {
        margin-bottom: 30px
    }

    .ml_logo img {
        max-width: 320px
    }

    .portfoliobg_sofrati .portfoliopage_right {
        background: #bb9fdc
    }

    .portfoliobg_anasa .portfoliopage_right {
        background: #e25927
    }

    .portfoliobg_monooa .portfoliopage_right {
        background: #837ddb
    }
}

@media (max-width: 1023px) {
    .portfolio_head {
        padding:0 0 40px;
        margin-bottom: 50px;
        flex-wrap: wrap
    }

    .portfolio_heading {
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }

    .portfolio_tabss {
        width: 100%;
        text-align: center
    }

    .webportfolio_box {
        flex-wrap: wrap;
        margin-bottom: 50px
    }

    .webportfolio_content {
        width: 100%;
        text-align: center;
        padding: 0
    }

    .webportfolio_img {
        width: 100%;
        margin-bottom: 30px;
        order: -1
    }

    .cs_logo {
        top: 20px;
        left: 20px;
        width: 90px;
        height: 90px;
        border-radius: 27px
    }

    .cs_banner_center img {
        max-width: 100%
    }

    .cs_banner_badge {
        height: auto;
        border-radius: 10px;
        padding: 10px 15px;
        font-size: 14.34px;
        margin: 10px 0
    }

    .problemfaced_main,.process_main,.solutions_main,.techstack_main {
        padding: 44px 30px 10px;
        border-radius: 20px
    }

    .problemfaced_head h2,.cs_head h2 {
        margin-bottom: 8px;
        font-size: 24px
    }

    .problemfaced_box {
        width: 45%;
        margin: 0 16px 50px
    }

    .whyus_main {
        flex-wrap: wrap
    }

    .whyus_box {
        border-radius: 20px;
        padding: 50px 40px;
        width: 100%;
        margin-bottom: 20px
    }

    .whyus_box h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 25px
    }

    .whyus_img {
        width: 100%
    }

    .problemfaced_head,.cs_head {
        margin-bottom: 40px
    }

    .processmain_box h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0
    }

    .processmain_inner .processmain_box:nth-child(2n+0) {
        margin-right: 0
    }

    .processmain_inner .processmain_box:nth-child(3n+0) {
        margin-right: 27px
    }

    .processmain_box {
        margin-right: 27px;
        border-radius: 16px;
        padding: 20px 20px;
        margin-bottom: 25px;
        width: 46%
    }

    .cs_compatibility .cs_head,.cs_challenges .cs_head {
        margin-left: 30px;
        margin-bottom: 35px
    }

    .challenges_box {
        padding: 26px 15px 26px;
        border-radius: 20px;
        position: relative;
        margin-bottom: 20px;
        width: 100%
    }

    .challenges_top h3 {
        font-size: 20px;
        line-height: 31px;
        margin-bottom: 8px
    }

    .challenges_bottom h4 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .challenges_bottom {
        border-radius: 18px;
        padding: 30px 24px
    }

    .cs_challenges_main {
        flex-wrap: wrap
    }

    .cs_challenges_main::after {
        display: none
    }

    .cs_challenges_main .challenges_box:last-child {
        margin: 0
    }

    .solutions_box_bg {
        height: 125px;
        width: 125px;
        background-size: 125px;
        margin: 0 auto 16px
    }

    .solutions_icon img {
        max-width: 34px
    }

    .solutions_box h3 {
        font-size: 15px;
        line-height: 24px
    }

    .solutions_box {
        width: 22%;
        margin-right: 27px;
        margin-bottom: 40px
    }

    .solutions_icon {
        height: 70px;
        width: 70px
    }

    .techstack_box img {
        max-width: 100%;
        max-height: 40px
    }

    .techstack_main .row .techstack_box h3 {
        order: -1
    }

    .techstack_box h3 {
        font-size: 18px
    }

    .techstack_box {
        border-radius: 12px;
        padding: 0 20px;
        height: 83px;
        margin-bottom: 26px
    }

    .cs_compatibility {
        padding-top: 20px
    }

    .compatibility_box {
        border-radius: 14px
    }

    .compatibility_box {
        border-radius: 14px;
        margin-bottom: 24px
    }

    .cs_cta_main {
        border-radius: 20px;
        padding: 0 40px
    }

    .cs_cta_left h2 {
        font-size: 30px;
        line-height: 36.47px;
        margin-bottom: 10px
    }

    .cs_cta_left p {
        font-size: 16px;
        margin: 0;
        line-height: 29px
    }

    .cs_appscreens {
        padding: 20px 0 50px
    }

    .appscreens_head h2 {
        font-size: 42px
    }

    .portfoliopage_right img {
        position: relative;
        left: 0;
        max-width: 100%;
        right: 0;
        margin: -50px auto 30px;
        top: 0;
        transform: unset;
        max-height: 100%;
        max-width: 300px
    }

    .portfoliopage_right {
        height: auto;
        margin-top: 60px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .passportlogo {
        display: none
    }

    .passportbanner .row .col-md-7 {
        order: -1;
        width: 100%;
        margin-bottom: 40px
    }

    .passportbanner .row .col-md-5 {
        width: 100%
    }

    .passportbanner .row {
        display: flex;
        flex-wrap: wrap
    }

    .passportbanner::after {
        display: none
    }

    .passportbanner_img {
        margin-left: 0;
        text-align: center
    }

    .passportbanner_left {
        text-align: center
    }

    .passport_info .passportinfo_box {
        justify-content: center
    }

    .aboutpassport::before {
        display: none
    }

    .aboutpassport::after,.aboutpassport_content::after {
        display: none
    }

    .aboutpassport {
        padding: 60px 0 50px
    }

    .aboutpassport_content p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 22px
    }

    .aboutpassport_content h2 {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 20px
    }

    .passport_head h2 {
        font-size: 28px;
        font-weight: 800;
        line-height: 38px
    }

    .passport_head {
        margin-bottom: 34px
    }

    .passportproccess_main .col-md-3 {
        display: flex;
        width: 33%
    }

    .pj_name h3 {
        font-size: 20px;
        line-height: 26.66px;
        margin: 0
    }

    .pj_icon {
        height: 64px;
        width: 64px;
        margin-bottom: 16px
    }

    .pj_icon img {
        max-width: 100%;
        max-height: 36px
    }

    .passportproccess {
        padding: 30px 0 40px
    }

    .pj_challenge_outer .col-md-6 {
        display: flex;
        width: 50%
    }

    .pj_challenge_img {
        height: 170px;
        border-radius: 10px
    }

    .pj_challenge_txt {
        padding: 20px 5px 0
    }

    .pj_challenge_txt h3 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 12px
    }

    .pj_challenge_txt p {
        font-size: 16px;
        line-height: 29px
    }

    .passport_solutions::after {
        display: none
    }

    .passport_solutions {
        padding: 40px 0 20px
    }

    .pj_solution_main {
        margin: 0
    }

    .pj_solution_box {
        width: 25%;
        padding: 0 10px;
        margin-bottom: 40px
    }

    .passport_techstack .container>.row {
        padding: 70px 0
    }

    .pj_cta_main::after {
        display: none
    }

    .pj_cta_main {
        border-radius: 17px;
        padding: 0 40px
    }

    .pj_cta_main::before {
        background-size: 390px;
        background-position: top right
    }

    .pj_cta {
        padding: 80px 0 60px
    }

    .patenta_banner::after {
        border-radius: 0;
        height: 428px
    }

    .logo_patenta {
        max-width: 230px
    }

    .patentascrees_head img {
        max-width: 180px
    }

    .patenta_cta_left h2 {
        font-size: 26px;
        line-height: 38px
    }

    .patenta_solutions .pj_solution_main {
        padding-bottom: 30px
    }

    .patenta_challenge_outer {
        padding-bottom: 70px
    }

    .patenta_banner_txt p {
        font-size: 16px;
        line-height: 28px
    }

    .whypatenta_main p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 22px
    }

    .evolutionary_main {
        padding: 60px 0 60px
    }

    .evolutionary_main .col-md-6 {
        width: 100%;
        text-align: center
    }

    .evolutionary_content h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 12px
    }

    .evolutionary_content ul li p {
        font-size: 16px;
        line-height: 24px;
        margin: 0
    }

    .evolutionary_content ul li::after {
        display: none
    }

    .evolutionary_img {
        margin-bottom: 30px
    }

    .patenta_proccess {
        padding-top: 60px
    }

    .proccesspatenta_box {
        width: 21%;
        margin-right: 34px;
        margin-bottom: 40px
    }

    .proccesspatenta_box_bg {
        height: 130px;
        width: 130px;
        background-size: 130px
    }

    .patenta_proccess_main .proccesspatenta_box:nth-child(4n+0) {
        margin-right: 0
    }

    .patenta_proccess_main .proccesspatenta_box:nth-child(5n+0) {
        margin-right: 34px
    }

    .patenta_challenge_outer .col-md-6 {
        display: flex;
        width: 100%
    }

    .proccesspatenta_icon img {
        max-width: 42px
    }

    .pj_solution_icon {
        height: 80px;
        width: 80px;
        margin: 0 auto 15px
    }

    .patenta_techstack {
        padding: 60px 0
    }

    .pj_challenge_outer .col-md-6:first-child {
        margin-bottom: 30px
    }

    .saudibanner::after {
        height: 394px
    }

    .evolutionary_content ul li {
        padding: 14px 20px
    }

    .whysaudi::after {
        background-size: 330px
    }

    .whysaudi .whypatenta_main {
        padding: 60px 0 60px
    }

    .saudiproccess {
        padding-top: 60px
    }

    .saudiproccess_box {
        padding: 35px 15px
    }

    .saudiproccess_main .col-md-4 {
        width: 33.33%
    }

    .saudiproccess_box img {
        max-height: 67px
    }

    .saudiproccess_ico {
        min-height: 90px
    }

    .saudiproccess_box h3 {
        font-size: 18px;
        line-height: 28.88px
    }

    .saudiproccess_main {
        padding-bottom: 60px
    }

    .saudistack {
        padding-top: 60px
    }

    .saudistack_box h3 {
        font-size: 20px;
        line-height: 32px;
        margin: 0 0 8px
    }

    .saudistack_icon img {
        max-height: 51px
    }

    .saudistack_icon {
        height: 94px;
        width: 94px;
        border-radius: 50%;
        margin: 0 auto 20px
    }

    .saudistack_box {
        border-radius: 10px;
        padding: 30px 20px;
        height: 290px
    }

    .saudistack_main .col-md-4 {
        display: flex;
        width: 100%
    }

    .saudistack_box h4 {
        font-size: 16px;
        line-height: 21px;
        margin: 0
    }

    .saudicta {
        padding: 100px 0 60px
    }

    .saudicta_main {
        border-radius: 10px;
        padding: 10px 50px 0
    }

    .saudicta_left h2 {
        font-size: 26px;
        line-height: 38px
    }

    .saudicta_main::before {
        display: none
    }

    .saudicta_left p {
        font-size: 16px;
        margin: 0;
        line-height: 28px
    }

    .sn_appscreen_head {
        text-align: center;
        margin-bottom: 40px
    }

    .sn_appscreen_head h2 {
        font-size: 48px;
        line-height: 56.63px
    }

    .mindleague_banner::after {
        height: 378px
    }

    .saudievolutionary .evolutionary_content {
        padding-left: 0
    }

    .whypatenta_main {
        padding: 60px 0 60px
    }

    .mindleague_proccess {
        padding-top: 60px
    }

    .mindleague_box_bg {
        height: 130px;
        width: 130px;
        background-size: 130px
    }

    .mindleague_icon img {
        max-width: 100%;
        max-height: 40px
    }

    .mindleague_icon {
        height: 80px;
        width: 80px;
        border-radius: 50px
    }

    .mindleague_proccess_main .mindleague_box:nth-child(4n+0) {
        margin-right: 0
    }

    .mindleague_proccess_main .mindleague_box:nth-child(6n+0) {
        margin-right: 18px
    }

    .mindleague_box {
        margin-right: 13px;
        width: 23%
    }

    .ml_challenges_first {
        width: 100%;
        padding: 50px 20px;
        height: auto
    }

    .ml_challenges_first img {
        max-width: 90px
    }

    .ml_challenges_first h2 {
        font-size: 28px;
        margin: 16px 0 0;
        line-height: 34px
    }

    .ml_challenges_box {
        padding: 45px 30px;
        border-right: 0!important;
        height: auto;
        text-align: center;
        justify-content: center;
        width: 100%;
        border-bottom: 1.04px dashed #cdd8ea
    }

    .mlsolutions_icon {
        margin: 0 auto 25px
    }

    .ml_solutions_main .col-md-3 {
        display: flex;
        width: 50%
    }

    .ml_cta_main::before {
        display: none
    }

    .ml_cta_txt {
        width: 52%
    }

    .ml_ctaimg img {
        max-width: 100%;
        margin-right: -50px
    }

    .ml_ctaimg {
        width: 48%;
        margin-top: -70px
    }

    .ml_cta_main {
        padding: 0 50px
    }

    .techstack_box h3 {
        font-size: 18px;
        order: 1
    }

    .athlopolis_banner .cs_logo img {
        max-width: 80%
    }

    .process_icon {
        width: 80px;
        height: 80px;
        margin-bottom: 14px;
        margin-left: 0
    }

    .athlopolis_cta .cs_cta_left h2 {
        line-height: 42.47px
    }

    .solutions_si .saudiproccess_main {
        flex-wrap: wrap
    }

    .solutions_si .saudiproccess_main .col-md-3 {
        width: 50%;
        margin-bottom: 30px
    }

    .porttabb ul {
        display: flex;
        justify-content: start;
        overflow-x: scroll;
        gap: 20px
    }

    .porttabb ul::-webkit-scrollbar {
        width: 8px;
        height: 6px
    }

    .porttabb ul::-webkit-scrollbar-track {
        background: #2928284b;
        border-radius: 10px
    }

    .porttabb ul::-webkit-scrollbar-thumb {
        background: #1a81ff;
        border-radius: 10px
    }

    .porttabb ul a {
        font-size: 20px;
        width: max-content;
        display: flex
    }

    .py {
        padding: 20px 0!important
    }

    .portbusiness {
        grid-template-columns: repeat(2,1fr);
        margin-top: 20px
    }

    .mainresults {
        grid-template-columns: repeat(2,1fr)
    }

    .portbeforbx li {
        min-height: auto;
        margin-bottom: 10px
    }

    .portbeforbx .portafter {
        padding: 20px
    }

    .casestudydocket .caseitem {
        flex-direction: column-reverse;
        padding: 20px;
        border-radius: 10px
    }

    .casestudydocket .caseitem .contt,.casestudydocket .caseitem .imgitem {
        width: 100%
    }

    .casestudydocket .caseitem .contt img {
        display: none
    }

    .casestudydocket .caseitem .casebtn img {
        display: block
    }

    .comm_portfoliocta .leftport {
        padding: 0;
        width: 100%;
        text-align: center
    }

    .comm_portfoliocta .rightport {
        display: none
    }

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

    .comm_portfoliocta .main_port_cta {
        border-radius: 10px;
        padding: 20px
    }
}

@media (max-width: 767px) {
    .newbtn_design {
        font-size:14px;
        line-height: 21px;
        height: 50px;
        border-radius: 12px
    }

    .portfolio_tabss_inner {
        height: 54px
    }

    .portfolio_tabss_inner a {
        height: 48px;
        font-size: 16px;
        width: auto;
        padding: 0 45px
    }

    .portfolio_heading h1 {
        font-size: 28px;
        line-height: 38px
    }

    .portfolio_page {
        padding: 45px 0 45px
    }

    .portfoliopage_box {
        border-radius: 14px;
        margin-bottom: 40px
    }

    .portfoliopage_left {
        width: 100%;
        padding: 30px 20px 30px
    }

    .mobileportfoilo_logo div {
        border-radius: 22px;
        padding: 3px;
        height: 90px;
        width: 90px
    }

    .aboutproject_portfolio h2 {
        font-size: 22.29px;
        line-height: 36.43px;
        margin-bottom: 5px
    }

    .aboutproject_portfolio p {
        font-size: 15px;
        line-height: 27px
    }

    .aboutprojects {
        margin: 0 9px
    }

    .casestudy_btn a {
        font-size: 15.49px;
        line-height: 24.24px;
        height: 50px
    }

    .available_on p {
        font-size: 13px;
        margin-bottom: 6px
    }

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

    .available_btns a {
        display: inline-block;
        margin: 0 4px
    }

    .available_btns a img {
        max-width: 139px
    }

    .casestudy_btn {
        margin-bottom: 25px
    }

    .portfoliopage_left::after {
        display: none
    }

    .webportfolio_box {
        margin-bottom: 40px;
        border-radius: 14px;
        padding: 20px 20px
    }

    .webportfolio_content p {
        margin: 20px 0 30px 0;
        font-size: 15px;
        line-height: 27px
    }

    .webportfolio_change .webportfolio_content {
        padding-right: 0;
        padding-left: 0
    }

    .cs_banner_main {
        border-radius: 20px;
        padding: 40px 20px;
        flex-wrap: wrap
    }

    .cs_banner_left {
        width: 100%;
        padding-right: 0;
        text-align: center;
        margin-bottom: 20px;
        order: 1
    }

    .cs_banner_center {
        width: 90%
    }

    .cs_logo {
        position: relative;
        top: -20px;
        left: 0;
        right: 0
    }

    .cs_banner_badge {
        text-align: center
    }

    .cs_banner_right {
        width: 100%;
        text-align: center;
        padding-left: 0;
        margin-top: 20px
    }

    .cs_banner_main {
        border-radius: 12px;
        padding: 40px 20px;
        flex-wrap: wrap
    }

    .problemfaced_main,.process_main,.solutions_main,.techstack_main {
        padding: 35px 20px 10px;
        border-radius: 12px
    }

    .problemfaced_head h2,.cs_head h2 {
        margin-bottom: 6px;
        font-size: 20px;
        line-height: 29px
    }

    .problemfaced_head p,.cs_head p {
        font-size: 15px;
        margin: 0;
        line-height: 24px
    }

    .problemfaced_box {
        width: 100%;
        margin: 0 16px 50px
    }

    .problemfaced_icon {
        height: 140px;
        width: 100%;
        background-size: 220px
    }

    .problemfaced_icon img {
        max-width: 100px
    }

    .problemfaced_box p {
        font-size: 15px;
        margin: 15px 0 0;
        line-height: 25px
    }

    .problemfaced_box {
        width: 100%;
        margin: 0 0 40px
    }

    .whyus_box {
        border-radius: 12px;
        padding: 40px 28px;
        width: 100%;
        margin-bottom: 20px
    }

    .whyus_box h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 18px
    }

    .whyus_box::after {
        right: 20px;
        top: 20px;
        height: 58px;
        width: 58px;
        background-size: 58px
    }

    .whyus_box p {
        font-size: 16px;
        margin: 0 0 20px;
        line-height: 28px
    }

    .processmain_box {
        width: 100%;
        margin-right: 0!important
    }

    .process_icon {
        width: 70px;
        height: 70px;
        margin-bottom: 12px
    }

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

    .cs_compatibility .cs_head,.cs_challenges .cs_head {
        margin-left: 0;
        margin-bottom: 22px
    }

    .challenges_box {
        padding: 22px 15px 22px;
        border-radius: 12px;
        margin-bottom: 20px
    }

    .challenges_top h3 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 10px
    }

    .challenges_top p {
        font-size: 15px;
        line-height: 27px;
        margin: 0
    }

    .challenges_bottom {
        border-radius: 12px;
        padding: 24px 20px
    }

    .challenges_bottom h4 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .challenges_bottom p {
        color: #3d6a58;
        font-weight: 600;
        font-size: 15px;
        margin: 0;
        line-height: 27px
    }

    .problemfaced_head,.cs_head {
        margin-bottom: 30px
    }

    .solutions_box {
        width: 100%;
        margin-right: 0!important;
        margin-bottom: 35px
    }

    .techstack_box {
        padding: 14px 20px;
        flex-wrap: wrap;
        justify-content: center;
        height: auto
    }

    .techstack_box img {
        max-width: 100%;
        max-height: 40px;
        display: block;
        order: 0
    }

    .techstack_main .row .techstack_box h3 {
        order: 1;
        width: 100%;
        text-align: center;
        line-height: 24px;
        font-size: 16px;
        margin-top: 10px
    }

    .compatibility_circle {
        font-size: 26px;
        height: 60px;
        width: 60px
    }

    .compatibility_box {
        border-radius: 12px;
        margin-bottom: 22px
    }

    .compatibility_top h3 {
        font-size: 16px;
        line-height: 24px;
        padding-left: 15px
    }

    .compatibility_top {
        padding: 15px 16px
    }

    .compatibility_p p {
        font-size: 15px;
        margin: 0;
        line-height: 27px
    }

    .compatibility_p {
        padding: 15px 20px 20px
    }

    .cs_cta {
        margin-top: 0
    }

    .cs_cta_main {
        border-radius: 12px;
        padding: 20px 25px;
        flex-wrap: wrap
    }

    .cs_cta_left {
        width: 100%;
        margin-bottom: 30px;
        text-align: center
    }

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

    .cs_cta_left p {
        font-size: 15px;
        margin: 0;
        line-height: 27px
    }

    .cs_cta_right {
        width: 100%;
        text-align: center;
        margin-top: 0;
        margin-bottom: -21px
    }

    .appscreens_box img {
        max-width: 100%;
        margin: 0 auto
    }

    .appscreens_box {
        margin: 0 8px;
        text-align: center
    }

    .appdownlad_main {
        margin-top: 40px
    }

    .appdownlad_btns {
        flex-wrap: wrap;
        justify-content: center
    }

    .appdownlad_btns a {
        width: 100%;
        margin: 8px 5px;
        text-align: center
    }

    .appdownlad_box p {
        font-size: 15px;
        line-height: 23px;
        margin: 10px 0 0
    }

    .portfoliopage_right img {
        max-width: 85%
    }

    .passportbanner {
        padding: 45px 0;
        margin-top: 0
    }

    .passportbanner_img img {
        max-width: 100%!important
    }

    .passportbanner_left span {
        font-size: 16px
    }

    .passportbanner_left p {
        font-size: 16px;
        line-height: 28px;
        margin: 12px 0 0
    }

    .passport_info .passportinfo_box {
        font-size: 15px;
        line-height: 22.27px;
        border-radius: 10px;
        height: auto;
        margin-bottom: 10px;
        padding: 10px 20px;
        text-align: center
    }

    .aboutpassport_content h2 {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 15px
    }

    .aboutpassport {
        padding: 45px 0 20px
    }

    .passport_head h2 {
        font-size: 24px;
        line-height: 36px
    }

    .passport_head {
        margin-bottom: 30px
    }

    .passportproccess_main .col-md-3 {
        display: flex;
        width: 50%
    }

    .passportproccess_box {
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 20px
    }

    .pj_name h3 {
        font-size: 17px;
        line-height: 25.66px;
        margin: 0
    }

    .pj_icon {
        height: 55px;
        width: 55px;
        margin-bottom: 13px
    }

    .pj_icon img {
        max-width: 100%;
        max-height: 30px
    }

    .pj_name {
        padding: 0
    }

    .passportproccess {
        padding: 30px 0 30px
    }

    .passport_challenge {
        padding: 20px 0 20px
    }

    .pj_challenge_outer {
        display: flex;
        flex-wrap: wrap
    }

    .pj_challenge_outer .col-md-6 {
        display: flex;
        width: 100%
    }

    .pj_challenge_txt p {
        font-size: 15px;
        line-height: 27px
    }

    .aboutpassport_content p {
        font-size: 15px;
        line-height: 27px;
        margin-bottom: 20px
    }

    .pj_solution_box {
        width: 48%;
        padding: 30px 8px;
        margin-bottom: 20px;
        border: 1px dashed #faccbc;
        border-radius: 10px
    }

    .pj_solution_icon {
        height: 70px;
        width: 70px;
        margin: 0 auto 15px
    }

    .pj_solution_icon img {
        max-width: 32px
    }

    .pj_solution_box h3 {
        font-size: 15px;
        line-height: 24.55px;
        margin: 0
    }

    .pj_solution_main {
        justify-content: space-between
    }

    .passport_techstack .container>.row {
        padding: 45px 0
    }

    .techstack_box h3 {
        font-size: 17px;
        order: 2;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        line-height: 25px
    }

    .pj_cta_main::before {
        display: none
    }

    .pj_cta_right {
        display: none
    }

    .pj_cta_left {
        width: 100%
    }

    .pj_cta_main {
        border-radius: 12px;
        padding: 30px 20px;
        text-align: center
    }

    .pj_cta {
        padding: 50px 0 50px
    }

    .pj_cta_left h2 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 10px
    }

    .appscreens_head h2 {
        font-size: 40px
    }

    .pj_cta_left p {
        font-size: 15px;
        margin: 0;
        line-height: 27px
    }

    .logo_patenta {
        max-width: 160px
    }

    .patenta_banner::before {
        display: none
    }

    .patenta_banner::after {
        border-radius: 0;
        height: 250px
    }

    .patenta_banner_txt h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 12px
    }

    .patenta_banner_txt p {
        font-size: 15px;
        line-height: 27px
    }

    .patenta_banner {
        margin-top: 0;
        padding: 50px 0 40px
    }

    .evolutionary_main {
        padding: 0 0 50px
    }

    .evolutionary_content ul li {
        padding: 14px 20px
    }

    .evolutionary_content ul li p {
        font-size: 15px;
        line-height: 23px;
        margin: 0
    }

    .whypatenta_main {
        padding: 45px 0 45px
    }

    .whypatenta_main h2 {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 15px
    }

    .whypatenta_main p {
        font-size: 15px;
        line-height: 27px;
        margin-bottom: 20px
    }

    .patenta_proccess {
        padding-top: 45px
    }

    .proccesspatenta_box {
        width: 46%;
        margin: 0 5px 30px!important
    }

    .proccesspatenta_box_bg {
        height: 110px;
        width: 110px;
        background-size: 110px
    }

    .proccesspatenta_icon {
        height: 65px;
        width: 65px;
        border-radius: 50px
    }

    .proccesspatenta_box h3 {
        font-size: 15px;
        line-height: 22px
    }

    .patenta_proccess_main {
        padding-bottom: 30px
    }

    .patenta_challenge {
        padding-top: 50px
    }

    .patenta_challenge_outer {
        padding-bottom: 60px;
        flex-wrap: wrap
    }

    .patenta_solutions {
        padding-top: 50px
    }

    .patenta_solutions .pj_solution_main {
        padding-bottom: 30px;
        margin: 0
    }

    .patenta_solutions .passport_head {
        margin-bottom: 35px
    }

    .patenta_techstack {
        padding: 50px 0
    }

    .patenta_cta_right {
        display: none
    }

    .patentascrees {
        padding: 50px 0 50px
    }

    .patentascrees_head {
        margin-bottom: 30px
    }

    .patenta_cta_main {
        border-radius: 10px;
        padding: 30px 30px;
        text-align: center
    }

    .patenta_cta_left p {
        font-size: 15px;
        margin: 0;
        line-height: 27px
    }

    .patenta_cta_left h2 {
        font-size: 22px;
        line-height: 33px
    }

    .patenta_cta_left {
        width: 100%
    }

    .patenta_challenge_outer .col-md-6:first-child {
        margin-bottom: 30px
    }

    .patenta_laptop {
        margin-top: 0
    }

    .saudievolutionary .evolutionary_main {
        padding: 50px 0 50px
    }

    .saudievolutionary .evolutionary_content {
        padding-left: 0
    }

    .whysaudi .whypatenta_main {
        padding: 45px 0 45px
    }

    .whysaudi::after {
        background-size: 250px
    }

    .saudiproccess {
        padding-top: 45px
    }

    .passport_head h2 {
        font-size: 24px;
        line-height: 32px
    }

    .saudiproccess_main {
        padding-bottom: 45px;
        flex-wrap: wrap
    }

    .saudiproccess_main .col-md-4 {
        width: 100%;
        margin-bottom: 25px
    }

    .saudistack {
        padding-top: 45px
    }

    .saudistack_main {
        padding-bottom: 45px;
        flex-wrap: wrap
    }

    .saudistack_box {
        border-radius: 10px;
        padding: 40px 16px;
        height: auto;
        margin-bottom: 25px
    }

    .saudicta {
        padding: 50px 0 40px
    }

    .saudicta_right {
        display: none
    }

    .saudicta_left {
        width: 100%;
        text-align: center
    }

    .saudicta_main {
        border-radius: 10px;
        padding: 30px 30px
    }

    .sn_appscreen_head h2 {
        font-size: 32px;
        line-height: 46.63px
    }

    .saudicta_left h2 {
        font-size: 22px;
        line-height: 31px
    }

    .saudicta_left p {
        font-size: 15px;
        margin: 0;
        line-height: 27px
    }

    .sn_appscreen_slider {
        flex-wrap: wrap
    }

    .sn_appscreen_slider .col-md-6 {
        width: 100%;
        margin: 30px 0
    }

    .sn_appscreen_box img {
        max-width: 90%
    }

    .sn_appscreen_box {
        text-align: center
    }

    .sn_appscreen_slider .col-md-3 {
        width: 100%
    }

    .sn_appscreen {
        padding: 30px 0 60px
    }

    .logo_patenta {
        max-width: 160px;
        margin-bottom: 30px
    }

    .saudibanner::after {
        height: 172px
    }

    .mindleague_banner::after {
        height: 167px
    }

    .mindleague_proccess {
        padding-top: 45px
    }

    .mindleague_box_bg {
        height: 110px;
        width: 110px;
        background-size: 110px
    }

    .mindleague_icon {
        height: 65px;
        width: 65px;
        border-radius: 50px
    }

    .mindleague_icon img {
        max-width: 100%;
        max-height: 30px
    }

    .mindleague_box {
        width: 46%;
        margin: 0 5px 30px!important
    }

    .mindleague_box h3 {
        font-size: 15px;
        line-height: 22px
    }

    .mindleague_proccess_main {
        padding-bottom: 30px
    }

    .ml_challenges {
        padding: 50px 0 20px
    }

    .ml_challenges_first img {
        max-width: 80px
    }

    .ml_challenges_first {
        width: 100%;
        padding: 40px 20px;
        height: auto
    }

    .ml_challenges_first h2 {
        font-size: 22px;
        margin: 16px 0 0;
        line-height: 32px
    }

    .ml_challenges_box {
        padding: 35px 20px
    }

    .ml_solutions_main .col-md-3 {
        display: flex;
        width: 100%
    }

    .mlsolutions_icon {
        margin: 0 auto 20px;
        height: 75px;
        width: 75px
    }

    .mlsolutions_icon img {
        max-width: 100%;
        max-height: 40px
    }

    .ml_solutions_box h2 {
        font-size: 16px;
        line-height: 25.08px
    }

    .ml_solutions_box {
        padding: 36px 20px;
        margin-bottom: 25px;
        width: 100%
    }

    .ml_solutions_main {
        padding-bottom: 45px
    }

    .mindleague_techstack .container>.row {
        padding-bottom: 44px
    }

    .ml_cta {
        padding: 15px 0 40px
    }

    .ml_ctaimg {
        display: none
    }

    .ml_cta_txt {
        width: 100%;
        text-align: center
    }

    .ml_cta_main {
        padding: 30px 20px
    }

    .ml_logo img {
        max-width: 230px
    }

    .ml_cta_txt h2 {
        font-size: 22px;
        line-height: 33px
    }

    .ml_cta_txt p {
        font-size: 15px;
        margin: 0;
        line-height: 27px
    }

    .processmain_box h3 br {
        display: none
    }

    .athlopolis_cta .cs_cta_main {
        border-radius: 12px
    }

    .athlopolis_cta .cs_cta_left h2 {
        line-height: 37.47px
    }

    .si_challenges .ml_challenges_box {
        width: 100%;
        height: auto;
        border-bottom: 1.04px dashed #cdd8ea;
        padding: 35px 30px
    }

    .si_challenges .ml_challenges_first {
        height: auto;
        width: 100%;
        padding: 40px 20px
    }

    .challeng_head {
        font-size: 18px;
        margin-bottom: 19px
    }

    .passport_head p {
        font-size: 16px;
        font-weight: 400;
        margin: 14px 0 0;
        line-height: 27px
    }

    .solutions_si .saudiproccess_main .col-md-3 {
        width: 100%;
        margin-bottom: 20px
    }

    .solutions_si .saudiproccess_box h3 {
        font-size: 18px;
        line-height: 20.88px;
        text-align: left;
        margin: 0 0 10px
    }

    .misd_box {
        border-radius: 10px;
        padding: 8px 20px;
        margin-top: 18px;
        font-size: 15px
    }

    .misdprocess .pj_name h3 {
        font-size: 16px;
        line-height: 22.66px
    }

    .pj_icon {
        margin-left: 0
    }

    .misd_appscreens {
        padding-top: 60px
    }

    .sofaratibanner .passportbanner_img img {
        max-width: 100%
    }

    .tc_sofrati {
        padding-top: 0
    }

    .sofratisolution .pj_solution_box {
        margin: 0 0 30px;
        padding: 30px 20px;
        border-radius: 12px;
        width: 100%
    }

    .sofrati_stack .techstack_box h3 {
        font-size: 17px
    }

    .sofrati_cta .pj_cta_main {
        padding: 20px 20px 20px;
        text-align: left
    }

    .sofrati_cta .pj_cta_left p {
        font-size: 15px;
        line-height: 29px
    }

    .monooachallenges {
        padding-top: 0!important
    }

    .anasabanner .passport_info .passportinfo_box {
        font-size: 15px;
        line-height: 22.27px;
        border-radius: 10px;
        height: auto;
        margin-bottom: 10px;
        padding: 10px 20px;
        text-align: center
    }

    .anssachallenges {
        padding-top: 0!important
    }

    .stickycol {
        position: relative;
        top: 0
    }

    .portfolio_banner h1 {
        font-size: 26px;
        line-height: 37px;
        font-weight: 600
    }

    .portfolio_banner .portfoliocontt {
        padding-top: 0;
        text-align: center
    }

    .portbtnnew a {
        font-size: 15px;
        line-height: 22px;
        padding: 18px 20px;
        border-radius: 12px
    }

    .portfolio_banner {
        height: 500px;
        background-size: cover!important
    }

    .overimgg img {
        border-radius: 10px;
        margin-bottom: 20px
    }

    .overviewcontt h2 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .overviewcontt h3 {
        font-size: 16px
    }

    .overviewcontt .listt .listitem {
        width: 48%;
        border: 1px solid;
        padding: 10px 10px;
        border-radius: 10px
    }

    .overviewcontt .listt {
        gap: 10px;
        margin-top: 20px;
        justify-content: center
    }

    .overviewcontt .target ul {
        padding-left: 15px;
        gap: 10px;
        flex-direction: column
    }

    .overviewcontt .listitem:last-child {
        width: 100%
    }

    .portbusiness {
        grid-template-columns: repeat(1,1fr)
    }

    .portbusiness .busitems .num {
        left: auto;
        top: -12%;
        right: 10px
    }

    .midhead h2 {
        font-size: 24px
    }

    .midhead h2 {
        font-size: 20px;
        line-height: 32px
    }

    .portmainchoose .row {
        align-items: start;
        flex-direction: column
    }

    .portkeyfeature ul {
        gap: 10px;
        grid-template-columns: repeat(2,1fr)
    }

    .portbusiness .busitems {
        padding: 15px 10px;
        border-radius: 10px;
        margin-top: 20px
    }

    .portfoliotech .maintechbx .itemstech {
        padding: 10px;
        border-radius: 10px;
        width: 100%
    }

    .portfoliotech .maintechbx .itemstech p {
        margin: 0
    }

    .portfoliotech .maintechbx h3 {
        font-size: 16px
    }

    .mainresults {
        gap: 10px;
        grid-template-columns: repeat(1,1fr)
    }

    .mainresults .resultiem span {
        font-size: 25px;
        line-height: 25px
    }

    .casestudydocket .caseitem h3 {
        font-size: 18px
    }

    .casestudydocket .caseitem p {
        font-size: 15px;
        line-height: 24px
    }

    .casestudydocket .caseitem ul {
        grid-template-columns: repeat(2,1fr)
    }

    .casestudydocket .caseitem ul li {
        border: 1px solid;
        border-radius: 10px;
        padding: 10px 10px
    }

    .casestudydocket .caseitem span {
        font-size: 15px
    }

    .portbusiness .busitems .num {
        width: 45px;
        height: 45px
    }

    .portoverview .row {
        flex-direction: column
    }

    .portfoliotech .maintechbx ul {
        justify-content: space-between;
        width: 100%
    }

    .portfoliotech .maintechbx ul li {
        text-align: center;
        width: 100%
    }

    .portbeforbx .portafter {
        margin-bottom: 20px
    }

    .porttabb.newbg {
        top: 50px
    }

    .comm_portfoliocta h2 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 5px
    }

    .twoportbusiness {
        grid-template-columns: repeat(1,1fr)
    }

    .twoportbusiness .twobusitems .num {
        left: auto;
        top: -12%;
        right: 10px
    }

    .twoportbusiness .twobusitems {
        padding: 15px 10px;
        border-radius: 10px;
        margin-top: 20px
    }
}

.tg-herotrust {
        min-height: inherit;
        padding: 20px 0px;
        background: white;
    }

    .tg-herotrust::before {
        display: none;
    }