.client-success.transform-business  .top-title p {
    color: var(--white);
}
table, th, td {
    border: 1px solid;
    padding: 5px 10px;
}
/* Header */

.page-template-all-portfolio  .site-header,
.page-template-contact  .site-header {
    background: transparent;
}
.page-template-all-portfolio  .viewport,
.page-template-contact  .viewport{
    padding: 0 !important;
}
.page-template-all-portfolio  .site-header.fixed,
.page-template-contact  .site-header.fixed{
    background: linear-gradient(to right, #0A0F1D, #06141A);
}

/* Dev Ops Page */
.innerpage_title {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 58px;
    line-height: 120%;
    letter-spacing: 0px;
    color: var(--white);
}
.innerpage_title span {
    font-family: var(--font-gilroy-bold);
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.innerpage_banner {
    background-repeat: no-repeat;
    background-size: cover;
    /* margin: 0 15px; */
}
.banner_info {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 150px 0 116px;
    max-width: 1200px;
    width: 100%;
}
.innerpage_banner a {
    /* margin-top: 30px; */
    padding: 20px 30px;
}
.service_section {
    position: relative;
    padding: 120px 0;
}
.service_section .title_width {
    max-width: 1300px;
    margin: 0 auto;
}
.service_section .body_text p {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 20px;
}
.service_section .service_box {
    padding-top: 30px;
}
.service_section .service_box .swiper-wrapper,
.devOps-services .service_box .swiper-wrapper {
    display: flex;
    width: auto;
    flex-wrap: wrap;
}
.service_section .service_box .navigation-button {
    display: none;
}
.service_section .service_box_info {
    position: relative;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.1) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    isolation: isolate;
    padding: 30px 30px 10px;
    border: 2px solid transparent;
    border-image-slice: 2;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    display: block;
    margin-bottom: 30px;
    height: 100%;
}
.service_box_info.service_new_2:hover {
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}
.service_text h3 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--white);
}
.service_box_info .service_img img {
    max-width: 85px;
    width: 100%;
    padding-bottom: 20px;
}
.service_box_info .service_icon img {
    max-width: 65px;
    width: 100%;
    padding-top: 20px;
}
.service_box_info p {
    /* margin: 0; */
    color: #AAAEB9;
}
.service_section .left-shape {
    position: absolute;
    top: 25%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1;
}
.service_cta {
    position: relative;
}
.service_cta .left-shape {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1;
    bottom: 0;
}
.service_cta .body_text p {
    color: var(--white);
}
.service_cta .cta_content {
    max-width: 725px;
    width: 100%;
}
.service_cta .cta_info {
    position: relative;
    background: linear-gradient(9.91deg, #1569C9 -0.14%, #0A3463 77.49%);
    padding: 70px 60px;
}
.service_cta .cta_info::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url(../img/cta_left.png);
    background-repeat: no-repeat;
}
.service_cta .cta_info::after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 100%;
    background-image: url(../img/cta_right.png);
    background-repeat: no-repeat;
    max-width: 400px;
    height: 400px;
}
.service_cta .main_title span {
    background: #1DECB1;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
}
.service_cta .cta_btn {
    background: #1CECB1;
    font-family: var(--font-plus);
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: var(--black);
    padding: 20px 40px;
    border-radius: 40px;
    white-space: nowrap;
}
.service_cta_2 {
    padding-bottom: 80px;
    position: relative;
}
.service_cta_2 .body_text p {
    color: var(--white);
}
.service_cta_2 .cta_content {
    max-width: 725px;
    width: 100%;
}
.service_cta_2 .big-title, .service_cta .big-title {
    text-align: left;
}
.service_cta_2 .cta_info {
    position: relative;
    background: linear-gradient(86.97deg, #0B162F 5.09%, rgba(11, 22, 47, 0.48) 19.89%, rgba(11, 22, 47, 0) 33.62%);
    padding: 70px 60px;
    border: 2px solid transparent;
    border-image-slice: 2;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.service_cta_2 .main_title span {
    background: #1DECB1;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
}
.service_cta_2 .cta_btn {
    background: #1CECB1;
    font-family: var(--font-plus);
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: var(--black);
    padding: 20px 40px;
    border-radius: 40px;
    white-space: nowrap;
}
.service_cta_2 .cta_info::after {
    content: '';
    position: absolute;
    background-image: url(../img/cta_img.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}
.devOps-services .service_box_info.service_new:hover {
    background: linear-gradient(105.78deg, #2A4BB6 0%, #0F7A95 48.67%, #0D936D 95.43%);
}
.devOps-services .service_box_info.service_new:hover .body_text p {
    color: var(--white);
}
.devOps-services .service_box_info.service_new:hover .service_img img {
    filter: brightness(100);
}
.service_box_info.service_new .service_icon {
    display: none;
}
.devOps-services .service_box_info.service_new:hover .service_icon {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 35px;
    filter: brightness(20);
    display: block;
}
.page-template-templatesdevops-php .our-service-grid.bottom-margin {
    padding-top: 0px;
}
.page-template-templatesdevops-php .service_cta_main.top-margin {
    margin-top: 100px;
}
.page-template-templatesdevops-php .service_section {
    padding: 80px 0;
}
.devOps-services .service_box_info.service_new .body_text p {
    margin: 0;
}
.price_section .swiper-container {
  overflow: hidden;
}
.price_table.swiper {
    overflow: visible;
}
.price_table .swiper-slide {
    transition: transform 0.3s ease;
    transform: scale(1);
/*     opacity: 0.7; */
}

.price_table .swiper-slide-active {
    transform: scale(1);
    z-index: 2;
    opacity: 1;
}
/* Ensure swiper slides don't cause extra width */
/* .price_section .swiper-slide {
  width: 100% !important;
  box-sizing: border-box;
} */

.price-swiper .swiper-wrapper {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    row-gap: 30px;
    margin: 0 -15px;
}
.price-swiper .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    padding-top: 20px;
}
.price_section {
    background-image: url(../../assets/img/price_top.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    padding: 100px 0;
    position: relative;
    z-index: 1;
}
section.price_section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 0;
    pointer-events: none;
}
.page-template-about .price_section {
    background-image: url(https://perensoft.com/wp-content/uploads/2025/04/transforming-businesses-banner.png);
}
.page-template-about .our-journey {
    background-image: none;
    padding: 70px 0 70px;
}
.price_table {
    padding-top: 20px;
}
.price_section .title_width {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}


.price_data {
    position: relative;
    border-radius: 20px;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    padding: 40px 25px !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.price_data:hover {
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
   
}
.price_data:hover:after {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}
.price_data:after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    z-index: 0;
    
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.price_data h3 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 30px;
}
.price_data:hover h3 {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.price_data p {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #AAAEB9;
    padding-left: 40px;
    position: relative;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}
.price_data p::after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/price_icon.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    left: 0;
    background-position: center;
    background-size: contain;
}
.price_data:hover p::after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/price_color_icon.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    left: 0;
}
.price_data a {
    position: relative;
    padding: 15px;
    width: 100%;
    text-align: center;
    border-radius: 12px;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
    display: block;
    z-index: 1;
    margin-top: 20px !important;
    transition: all 0.5s;
    border: none;
}
.price_data:hover a {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    color: var(--black);
    -webkit-text-fill-color: black;
    transition: all 0.5s;
}
.price_data a:hover {
    color: #fff;
    -webkit-text-fill-color: white;
    transition: all 0.5s;
}
.price_data a::before{
    content: "";
    position: absolute;   
    z-index: -1; 
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.1) 0.37%, rgba(3, 185, 231, 0.1) 44.24%, rgba(29, 236, 177, 0.1) 86.39%);
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    border-radius: inherit;
}
.price_data a::after{
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    z-index: 0;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.price_section .hot .price_data::before  {
    content: '';
    position: absolute;
    background-image: url(../img/price_hot.png);
    top: -20px;
    right: 30px;
    width: 83px;
    height: 38px;
    background-repeat: no-repeat;
    z-index: 1;
}
.price_section .hot .price_data {
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}
.price_section .hot .price_data::after {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}
.price_section .hot .price_data h3 {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.price_section .hot a {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    color: var(--black);
    -webkit-text-fill-color: black;
    transition: all 0.5s;
    box-shadow: 0px 14px 44px 0px #0F717E78;
}
.price_section .hot a:hover {
    -webkit-text-fill-color: white;
    transition: all 0.5s;
}
.price_section .hot .price_data p::after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/price_color_icon.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    left: 0;
}


.service_box_info.service_new_2 {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    height: 100%;
    margin-bottom: 0;
}
.service__swiper .swiper-wrapper {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    /* row-gap: 30px; */
    margin: 0 -15px;
}
.service__swiper  .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}
.service_box_info.service_new_2 .service_img {
    width: 80px;
}
.service_box_info.service_new_2 .service_solution {
    width: calc(100% - 110px);
}

.approach {
    background-color: var(--black);
    position: relative;
}
.approach .approch_title {
    background-color: var(--white);
    border-top-width: 13px;
    border-style: solid;
    border-color: transparent;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    padding-top: 100px;
}
.approach .title_width .main_title {
    padding-top: 100px;
    color: var(--black);
}
.approach .title_width .body_text p {
    color: #6E727E;
    max-width: 1104px;
    margin: 0 auto 20px;
    width: 100%;
}
.approach.devops .big-title {
    color: var(--black);
}
.approch_faq {
    background-image: url(../../assets/img/Devops-toolchain.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    padding-bottom: 100px;
    padding-top: 50px;
}
.faq-item {
    border: 1px solid #dee2e6;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}
.approch_faq .title {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--black);
}
.approch_faq .accordion-title-media {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.approch_faq .accordion-wrap-media .accordion-title-media .plus {
    font-size: 30px;
    color: #9297A6;
    margin-top: 0px;
    height: 24px;
    transition: 0.4s;
}
.approch_faq .accordion-wrap-media.active .accordion-title-media .plus{
    transform: rotate(180deg);
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.approch_faq .accordion-wrap-media {
    padding: 35px 25px; 
    border-bottom: 1px solid #AAAEB94D
}
.approch_faq .accordion-wrap-media:not(.active) .title{
    margin-bottom: 0px;
}
.approch_faq .accordion-wrap-media.active{
    position: relative;
    border-radius: 20px;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.1) 0.37%, rgba(3, 185, 231, 0.1) 44.24%, rgba(29, 236, 177, 0.1) 86.39%);
    isolation: auto;
    box-shadow: 0px 44px 54px 0px #6B6A951A;
}
.approch_faq .accordion-wrap-media.active::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    z-index: 0;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.approch_faq .media-content-box {
    color: #6E727E;
}
.approch_faq .accordion-content-media p {
    margin: 0;
}
.our-clients.our-clients-new {
    background-color: var(--white);
    padding-top: 50px;
    margin-top: -2px;
}
.our-clients.our-clients-new .our-clients-title p {
    color: #6E727E;
}
.our-clients.our-clients-new .title {
    color: var(--black);
}
.our-clients-new .our-client-item {
    position: relative;
    border: none;
}
.our-clients-new .our-client-item .our-client-logo {
    z-index: 1;
}
.our-clients-new .our-client-item::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    z-index: 0;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.our-clients.our-clients-new .swiper-button-next::before, .our-clients.our-clients-new .swiper-button-prev::before{
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    z-index: -1;
}
.our-clients.our-clients-new  .our-client-box {
    background-color: var(--black);
    border-top-width: 1px !important;
    border-style: solid;
    border-color: transparent;
    border-image-source: none;
    border-image-slice: 1;
    padding-bottom: 0px;
}

.our-blog.devops_page {
    padding-top: 100px;
}
.our-blog .our-clients-title p {
    color: #AAAEB9;
}
/* Blog Listing Page */

.blog_listing  .category-tabs {
    padding: 50px 0;
    text-align: center;
}
.blog_listing .black_btn {
    color: #AAAEB9 !important;
    font-weight: 500;
    cursor: pointer;
    margin-right: 15px;
}
.blog_listing .black_btn:last-child {
    margin-right: 0px;
}
.blog_listing .black_btn.active {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    color: var(--black) !important;
    font-weight: 700;
}
.blog_listing .black_btn.active::before {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}
.blog_listing .post_img {
    position: relative;
}
.blog_listing .post_img .cat_name {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--white);
    background: var(--black);
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    padding: 5px 10px;
    border-radius: 30px;
}
.blog_listing .post_img:before {
    content: '';
    background: linear-gradient(0deg, #000000 20%, rgba(0, 0, 0, 0) 100%);
    bottom: -1px;
    width: 100%;
    position: absolute;
    height: 100px;
}
.blog_listing .post_img .blog_author {
    position: absolute;
    bottom: 0;
    left: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.blog_listing .post_img .blog_author img {
    border-radius: 50px;
}
.blog_listing .post_img .blog_author p {
    margin: 0;
}
.blog_listing .post_img .blog_author p {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 22px;
    line-height: 25px;
    margin: 0;
    color: var(--white);
    vertical-align: middle;
}
.blog_listing .post .text-link {
    margin-top: 10px;
}
.blog_listing .post_img .blog_author p span {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    margin: 0;
    color: #9297A6;
    vertical-align: middle;
}
.blog_listing .post h3 {
    line-height: 20px;
    padding-top: 20px;
    margin: 0px;
    margin-bottom: 10px;
    min-height: 90px;
}
.blog_listing .post h3 a {
    font-family: var(--font-gilroy-medium);
    font-weight: 400;
    font-size: 21px;
    line-height: 140%;
    color: var(--white);
}
.blog_listing .post .entry-content {
    color: #6E727E;
}
.archive .blog_listing {
    padding: 50px 0;
}
.load_more {
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    color: var(--white);
    padding: 15px 100px;
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 40px;
    margin: 50px 0;
    transition: all 0.3s;
    cursor: pointer;
}
.load_more:hover {
    background: var(--white);
    color: var(--black);
    transition: all 0.3s;
}

/* Single Post */
.innerpage_banner.single_post {
    position: relative;
    align-items: end;
    display: flex;
    min-height: 500px;
}
.innerpage_banner.single_post::before {
    content:'';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.27%, #000000 100%);
    width: 100%;
    top: 0;
    bottom: 0;
}
.innerpage_banner.single_post .banner_info {
    text-align: left;
    padding: 0;
    padding-bottom: 50px;
    display: block;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    position: relative;
}
.innerpage_banner.single_post .banner_info span {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0px;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.innerpage_banner.single_post .banner_info h1 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 39px;
    line-height: 120%;
    letter-spacing: 0px;
    color: var(--white);
    margin: 0;
    max-width: 1200px;
    width: 100%;
    padding: 15px 0;
}
.innerpage_banner.single_post .banner_info .body_text {
    max-width: 1476px;
}
.innerpage_banner.single_post .banner_info .body_text p {
    text-align: left;
}
.post_content .post_border {
    position: relative;
    padding-top: 60px;
}
.innerpage_banner.single_post .banner_info::before {
    content: '';
    width: 100%;
    border-bottom: 1px solid #838383;
    position: absolute;
    bottom: 0;
}
.post_content h2 {
    font-family: 'Gilroy-SemiBold';
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -1%;
}
.post_content h2 strong {
    font-family: 'Gilroy-Bold';
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -1%;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.post_content h3 {
    font-family: 'Gilroy-SemiBold';
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1%;
}
.post_content h3 strong {
    font-family: 'Gilroy-Bold';
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1%;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blog_cta {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    padding: 50px 0;
}
.blog_cta .cta_content .big-title {
    color: var(--black);
    text-align: left;
}
.blog_cta .cta_content {
    max-width: 800px;
}
.blog_cta .cta_content .big-title span {
    display: block;
    color: var(--black);
    font-family: var(--font-gilroy-extrabold);
    background: transparent;
    -webkit-text-fill-color: unset;
}
.blog_cta .cta_content .body_text p {
    color: var(--black);
}
.blog_cta .cta_info .cta_btn {
    background: var(--black);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
    color: #1AE8B5;
    padding: 20px 30px;
    border-radius: 40px;
}
.all_blog_cta {
    background-image: url(../img/blog_cta.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.all_blog_cta .cta_content .cta-title {
    font-family: var(--font-gilroy-medium);
    font-weight: 400;
    font-size: 40px;
    line-height: 150%;
    letter-spacing: -1px;
    color: var(--black);
    margin: 0;
}
.all_blog_cta .cta_content .cta-title span {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 45px;
    line-height: 150%;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: var(--black);
}
.all_blog_cta .cta_content .body_text p {
    color: var(--black);
    max-width: 720px;
}
.all_blog_cta .cta_info .cta_btn {
    background: var(--black);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
    color: var(--white);
    padding: 20px 30px;
    border-radius: 40px;
}
.new_blog_cta .service-contact {
    padding: 0px;
}
.new_blog_cta .service-contact::before {
    display: none;
}
.service-contact-bg.new_blog_cta .small-title {
    font-family: var(--font-gilroy-medium);
    font-weight: 400;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: -1px;
    margin: 0;
}
.service-contact-bg.new_blog_cta .big-title {
    font-family: var(--font-gilroy-extrabold);
    font-weight: 400;
    font-size: 35px;
    line-height: 150%;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}
.service-contact-bg.new_blog_cta p {
    color: #fff;
    opacity: 70%;
    font-size: 16px;
}

.service-contact-bg.new_blog_cta {
     position: relative;
}
.service-contact-bg.new_blog_cta .service-contact {
    box-shadow: 0px 34px 94px 0px #32355687;
    position: relative;
    background: var(--black);
}
/* .service-contact-bg.new_blog_cta .blog_cta_content .service-contact-box {
    padding-left: 50px;
} */

.service-contact-bg.new_blog_cta.cloud:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/cloud.svg);
    width: 500px;
    height: 500px;
    top: 0px;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.cloud .big-title {
    color: #2296AD;
}
.service-contact-bg.new_blog_cta.cloud .color_btn {
    background: #2296AD;
    color: var(--white);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}


.service-contact-bg.new_blog_cta.ui-ux:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/ui-ux.svg);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.ui-ux .big-title {
    color: #36B2B8;
}
.service-contact-bg.new_blog_cta.ui-ux .color_btn {
    background: #36B2B8;
    color: var(--black);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}
.service-contact-bg.new_blog_cta .service-contact-box {
    padding: 35px 0px;
}


.service-contact-bg.new_blog_cta.hire-ci-cd{
    position: relative;
}
.service-contact-bg.new_blog_cta.hire-ci-cd:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/hire-ci-cd.svg);
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.hire-ci-cd .big-title {
    color: #5376FF;
}
.service-contact-bg.new_blog_cta.hire-ci-cd .color_btn {
    background: #5376FF;
    color: var(--white);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}


.service-contact-bg.new_blog_cta.cost-optimization:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/cost-optimization.svg);
    width: 500px;
    height: 500px;
    top: 0px;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.cost-optimization .big-title {
    color: #2288AD;
}
.service-contact-bg.new_blog_cta.cost-optimization .color_btn {
    background: #2288AD;
    color: var(--black);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}


.service-contact-bg.new_blog_cta.software-developers:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/software-developers.svg);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.software-developers .big-title {
    color: #4D80FF;
}
.service-contact-bg.new_blog_cta.software-developers .color_btn {
    background: #4D80FF;
    color: var(--black);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}


.service-contact-bg.new_blog_cta.containerization-developers:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/containerization-developers.svg);
    width: 500px;
    height: 500px;
    top: 0px;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.containerization-developers .big-title {
    color: #DB9A3D;
}
.service-contact-bg.new_blog_cta.containerization-developers .color_btn {
    background: #DB9A3D;
    color: var(--black);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}


.service-contact-bg.new_blog_cta.well-architected:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/well-architected.svg);
    width: 500px;
    height: 500px;
    top: 0px;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.well-architected .big-title {
    color: #2AA6FF;
}
.service-contact-bg.new_blog_cta.well-architected .color_btn {
    background: #2AA6FF;
    color: var(--black);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}



.service-contact-bg.new_blog_cta.mobile-app:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/mobile-app.svg);
    width: 500px;
    height: 500px;
    top: 0px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.mobile-app .big-title {
    color: #FA5A76;
}
.service-contact-bg.new_blog_cta.mobile-app .color_btn {
    background: #FA5A76;
    color: var(--black);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}


.service-contact-bg.new_blog_cta.hire-cloud:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/hire-cloud.svg);
    width: 500px;
    height: 500px;
    top: 0px;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.hire-cloud .big-title {
    color: #1D82A9;
}
.service-contact-bg.new_blog_cta.hire-cloud .color_btn {
    background: #1D82A9;
    color: var(--white);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}


.service-contact-bg.new_blog_cta.hire-infrastructure:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/hire-infrastructure.svg);
    width: 500px;
    height: 500px;
    top: 0px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.hire-infrastructure .big-title {
    color: #4DFFF6;
}
.service-contact-bg.new_blog_cta.hire-infrastructure .color_btn {
    background: #4DFFF6;
    color: var(--black);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}


.service-contact-bg.new_blog_cta.hire-aws:after {
    content: '';
    position: absolute;
    background-image: url(../../assets/img/hire-aws.svg);
    width: 500px;
    height: 500px;
    top: 0px;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.service-contact-bg.new_blog_cta.hire-aws .big-title {
    color: #1076C9;
}
.service-contact-bg.new_blog_cta.hire-aws .color_btn {
    background: #1076C9;
    color: var(--white);
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}


.recent_posts .blog_listing {
    background-color: var(--white);
    border-top-width: 13px;
    border-style: solid;
    border-color: transparent;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    padding: 90px 0;
}
.recent_posts {
    background: var(--white);
}
.recent_posts .main-title {
    max-width: 1000px;
    width: 100%;
}
.recent_posts .main-title p {
    color: #6E727E;
}
.recent_posts .main-title h3 {
    text-align: left;
    color: var(--black);
}
.recent_posts .blog_listing .post_img .cat_name {
    background: #848c8b;
}
.recent_posts .blog_listing .post h3 a {
    color: var(--black);
}
.recent_posts .blog_listing .post_img:before {
    background: none;
    height: 60px;
    backdrop-filter: blur(22.46333885192871px);
}
.recent_posts .blog_listing .post_img .blog_author {
    bottom: 15px;
    left: 15px;
}
.innerpage_banner.single_post .blog_author {
    display: flex;
    gap: 15px;
    align-items: center;
}
.innerpage_banner.single_post .blog_author img {
    width: 62px;
}
.innerpage_banner.single_post .blog_author p {
    margin: 0;
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--white);
}
.innerpage_banner.single_post .blog_author span {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #AAAEB9;
    background: none;
    -webkit-text-fill-color: unset;
}
.sidebar_form h3 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 37px;
    line-height: 134%;
    letter-spacing: 0px;
    color: var(--white);
}
.sidebar_form {
    background-image: url(https://www.perensoft.com/wp-content/uploads/2025/06/Image-02.png);
    border-radius: 30px;
    padding: 40px 22px; 
    background-size: cover;
    background-position: center center;
}
.sidebar_form h3 span {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sidebar_form .wpcf7 form .wpcf7-response-output{
    margin-top: 20px;
    margin-bottom: 2px;
}
.blog_form input {
    width: 100%;
    border: none;
    border-bottom: 1.2px solid #FFFFFF21;
    padding: 10px 0;
    color: var(--white);
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 18px;
    line-height: 17.98px;
    letter-spacing: 0%;
}
.blog_form input::-webkit-input-placeholder,
.blog_form textarea::-webkit-input-placeholder {
    color: #F3F6FF !important;
    opacity: 70%;
}
.blog_form input:-moz-placeholder,
.blog_form textarea:-moz-placeholder {
    color: #F3F6FF !important;
    opacity: 70%;
}
.blog_form input::-moz-placeholder,
.blog_form textarea::-moz-placeholder {
    color: #F3F6FF !important;
    opacity: 70%;
}
.blog_form input:-ms-input-placeholder,
.blog_form textarea:-ms-input-placeholder {
    color: #F3F6FF !important;
    opacity: 70%;
}
.blog_form input:focus,
.blog_form input:active {
  border-bottom: 1.2px solid transparent; /* Required for border-image to show */
  border-image-source: linear-gradient(
    90.43deg,
    #4169EC 0.37%,
    #03B9E7 44.24%,
    #1DECB1 86.39%
  );
  border-image-slice: 0 0 1 0; /* Apply to bottom only */
  border-image-width: 0 0 1.2px 0;
  border-image-outset: 0;
  border-image-repeat: stretch;
}
.blog_form .submit input:focus,
.blog_form .submit input:active{
    border-image-slice: 0 0 0 0; 
}
.blog_form input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important; 
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s; /* Prevents yellow flash */
}
.blog_form .submit input {
    color: var(--black);
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 20px;
    line-height: 170%;
    letter-spacing: 0px;
    padding-bottom: 35px;
    margin-top: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.blog_form .submit input:hover{
    color: #fff;
}
.blog_form .submit{
    position: relative;
}
.blog_form .submit .wpcf7-spinner{
    position: absolute;
    right: 4px;
    top: 31px;
    margin: 0;
    background-color: #10304b;
}
.blog_form .submit p{
    margin-bottom: 0px;
}
.siebar_tabel #ez-toc-container {
    border: none !important;
}
.blog-sidebar {
    position: relative;
}
.sticky-sidebar {
    position: sticky;
    top: 90px; /* Adjust this to match your header height */
    padding-bottom: 30px;
}

.single_inner_page {
    padding: 80px 0;
}
.single_inner_page h2 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 40px;
    line-height: 149%;
    letter-spacing: 0%;
}
.single_inner_page ul {
    padding-bottom: 20px;
}


/* All Portfolio Page */
.portfolio_listing .portfolio-post-box {
    margin-top: 80px;
}
.portfolio_listing .portfolio-post-box:last-child {
    margin-bottom: 120px;
}
.innerpage_banner.portfolio_banner .banner_info {
    max-width: 1300px;
}


/* Single Portfolio Page  */
.about_client {
    position: relative;
    padding: 65px 0 80px;
}
.about_client .about_client_info {
    max-width: 85%;
    width: 100%;
}
.about_client .portfolio_client {
    padding-top: 45px;
}
.about_client .portfolio_client_box {
    padding: 50px 34px;
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    transition: all 0.3s;
    height: 100%;
}
.about_client .portfolio_client_box:hover {
    border: 1.5px solid transparent;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}
.about_client .portfolio_client_box h5 {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0px;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding-bottom: 10px;
}
.about_client .portfolio_client_box:hover h5 {
    color: var(--white);
    -webkit-text-fill-color: unset;
}
.about_client .portfolio_client_box h4 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--white);
    margin: 0;
}
.about_client .portfolio_client_box:hover h4 {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about_client .left-shape {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1;
}

.goal_challenge {
    position: relative;
    padding: 0px 0 100px;
}
.goal_challenge .goal_challenge_info {
    border-top: 1px dashed #9297A6;
    padding-top: 66px;
}
.goal_challenge .goal_challenge_info .goal_challenge_box {
    max-width: 650px;
}
.goal_challenge .goal_challenge_info .goal_challenge_box img {
    margin-bottom: 20px;
}
.goal_challenge .goal_challenge_info .goal_challenge_box h3 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0px;
}
.goal_challenge .goal_challenge_info .goal_challenge_box h3 span {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.goal_challenge .right-shape {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: -1;
}
.solution {
    background-color: var(--white);
    border-top: 16px solid;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding-top: 110px;
    padding-bottom: 128px;
}
.solution_faq {
    padding-top: 50px;
}
.solution_faq .title {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: #2A364F;
}
.solution_faq .media-content-box p {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 19px;
    line-height: 190%;
    letter-spacing: 0px;
    color: #6E727E;
    margin: 0;
}
.solution_faq .media-content-box p strong {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.solution_faq .accordion-wrap-media {
    padding: 35px 25px;
    border-bottom: 1px solid #00000026
}
.solution_faq .accordion-title-media {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.solution_faq .accordion-wrap-media .accordion-title-media .plus {
    font-size: 34px;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.solution .main_title .title {
    color: var(--black);
}
.solution .solution_info {
    max-width: 850px;
    width: 100%;
}
.tools_platforms {
    position: relative;
    padding-top: 100px;
}


/* Contact Us Page */


.contact_banner {
    background-image: url(../img/contact_banner.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 700px;
    background-size: cover;
    margin-top: -120px;
    padding-top: 250px;
}
.contact_banner.sitemap_page {
    height: auto;
    padding-bottom: 30px;
    padding-top: 200px;
}
.sitemap_menu {
    padding: 70px 0;
}
.sitemap_menu h6 {
    font-family: 'Gilroy-Bold';
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-flex;
}
.sitemap-main-menu .footer-navigation ul{
    gap: 28px;
}
.sitemap-main-menu .footer-navigation ul li a{
    font-size: 22px;
    color: #FFFFFF;
    opacity: 1;
}
.sitemap-small-menu .footer-navigation ul li a{
    opacity: 1;
}
.sitemap-small-menu .footer-sub-main .sub-menu{
    display: grid;
    font-size: 16px;
    padding-left: 10px;
}
.sitemap-small-menu .footer-navigation ul#footer-menu-2 .footer-sub-main ul.sub-menu li.color-text{
    list-style: inside;
    color: #AAAEB9;
}
.sitemap-small-menu .footer-navigation ul#footer-menu-2 .footer-sub-main ul.sub-menu li.color-text a{
    background: none;
    color: #AAAEB9;
    -webkit-text-fill-color: unset;
    font-size: 16px;
    opacity: 1;
}
.sitemap-small-menu .footer-navigation ul#footer-menu-2 .footer-sub-main ul.sub-menu li.color-text a:hover{
    color: #fff;
}
.sitemap-small-menu .footer-navigation ul{
    gap: 15px;
}
.sitemap-small-menu .footer-navigation ul#footer-menu-2 .footer-sub-main ul.sub-menu{
    gap: 5px;
}
.contact_banner .contact_title h1 {
    font-family: 'Gilroy-Light';
    font-weight: 400;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: 0px;
}
.contact_banner .contact_title h1 span {
    font-family: 'Gilroy-Bold';
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.contact_form {
    background: linear-gradient(79.98deg, rgba(0, 80, 137, 0.8) 1.48%, rgba(6, 130, 119, 0.8) 100.71%);
    padding: 70px 80px;
    border-radius: 30px;
    margin-top: -275px;
    margin-bottom: 100px;
}
.contact_form h2 {
    font-family: 'Gilroy-SemiBold';
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0px;
    max-width: 900px;
}
.contact_form p {
    margin: 0;
    color: var(--white);
}
.contact_form .input-box p:first-child {
    /* padding-left: 15px; */
}
.contact_form label {
    font-family: 'Gilroy-SemiBold';
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #B4FF3A;
    padding-top: 30px;
    margin-bottom: 15px;
}
.contact_form .input-box {
    padding-bottom: 20px;
}
.contact_form .input-box .smallval-text{
    font-size: 14px;
    margin-top: 5px;
    opacity: 0.5;
}
.contact_form .input-box input, .contact_form .input-box select {
    background: #fff;
    width: 100%;
    border-radius: 8px;
    height: 50px;
    transition: 0.3s;
    border: none;
}
.contact_form .input-box textarea {
    background: #fff;
    width: 100%;
    border-radius: 8px;
    padding-top: 15px;
    transition: 0.3s;
    border: none;
    display: block;
}
.contact_form .input-box input[type=file] {
    background: transparent;
    border: none;
    color: var(--white);
    margin: 20px 0 0;
    border-radius: unset;
    width: auto;
    padding: 0;
}
.contact_form .input-box input[type="file"]::file-selector-button {
    padding: 10px 40px;
    border-radius: 40px;
    background-color: var(--black);
    transition: 1s;
    color: var(--white);
    border: 1px solid var(--black);
}
.contact_form .input-box input[type="file"]::-ms-browse:hover {
    background-color: transparent;
    border: 2px solid #00cec9;
  }
.contact_form .input-box input:active, .contact_form .input-box input:focus, 
.contact_form .input-box textarea:active, .contact_form .input-box textarea:focus {
    background: linear-gradient(0deg, #FFFFFFe0, #FFFFFFe0), linear-gradient(90.43deg, rgba(65, 105, 236, 1.2) 0.37%, rgba(3, 185, 231, 1.2) 44.24%, rgba(29, 236, 177, 1.2) 86.39%);
}
.contact_form .input-box input::placeholder, .contact_form .input-box textarea::placeholder, .contact_form .cnf7-select-fi-d option:disabled{ 
    color: #9498a5;
}
.contact_form .color_btn {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding: 20px 0 35px;
    cursor: pointer;
    border: none;
}
.contact_form .contact-last-text{
    margin-top: 40px;
}
.contact_form .contact-last-text a{
    color: #fff;
    text-decoration: underline;
}
.contact_form .submit {
    position: relative;
}
.contact_form .submit .wpcf7-spinner{
    position: absolute;
    top: 34px;
    right: 0; 
    opacity: 1;
}
.page-template-templatescontact-php .contact-form {
    display: none;
}
.single-career .contact-form{
    display: none;
}
.contact_form  .selected-dial-code{
 color: #1d1e20;
}

.career_form .captcha-div-box.input-box input,
.contact_form .captcha-div-box.input-box input{
    max-width: 200px;
    margin-top: 10px;
}



/* Career Page */
.career_banner {
    position: relative;
    background-image: url(../img/career_banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 450px;
}
.career_banner .main_title_h2 h2 {
    font-family: 'Gilroy-SemiBold';
    font-weight: 400;
    font-size: 56px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    color: var(--black);
}
.career_banner .main_title_h2 h2 span {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 56px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
}
.career_banner .body_text p {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0px;
    text-align: center;

    color: var(--black);
}
.career_listing {
    position: relative;
    padding: 65px 0 0;
}
.career_listing .career_filter h3, .career_listing .career_post h3 {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 27px;
    line-height: 100%;
    letter-spacing: 0px;
}
.career_listing .career_filter input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    border: 1px solid #fff;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    appearance: none;
}
.career_listing .career_filter input[type=checkbox]:checked {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}
.career_listing .career_filter input[type=checkbox]:checked:after {
    content: "";
    position: absolute;
    display: block;
    left: 11px;
    top: 6px;
    width: 9px;
    height: 15px;
    border: solid #000000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #000;
}
.career_filter .filter {
    position: relative;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    border-radius: 20px;
    padding: 35px 30px;
    margin-bottom: 30px;
}
.career_filter .filter::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all 0.5s;
    z-index: -1;
}
.career_filter .filter h4 {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    margin-bottom: 10px;
}
.career_filter .filter label {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    margin: 0;
}
.career_filter .filter div {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 0px;
}
.career-job-item {
    position: relative;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    padding: 35px 30px;
    border-radius: 20px;
    margin-bottom: 20px;
}
.career-job-item:hover {
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}
.career-job-item:hover::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 20px;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all 0.5s;
    z-index: -1;
    border: 1.5px solid;
}
.career-job-item::after {
    content: '';
    position: absolute;
    background-image: url(../img/career_line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: -2px;
    top: 0;
    border-radius: 25px;
    transition: all 0.5s;
    z-index: -1;
}
.career-job-item:hover::after {
    display: none;
    transition: all 0.5s;
}
.career-job-item h4 a, .career-job-item h4 {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--white);
    transition: all 0.5s;
}
.career-job-item:hover h4 a {
    font-weight: 700;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.5s;
}
.career_data {
    max-width: 700px;
    width: 100%;
}
.career_btn a {
    white-space: pre;
}
.career_type .exp, .career_type .job, .career_type .loc {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 19px;
    line-height: 170%;
    letter-spacing: 0px;
    color: #9297A6;
    margin: 0;
    margin-right: 50px;
}
.career_type .exp span, .career_type .job span, .career_type .loc span {
    font-family: var(--font-plus);
    font-weight: 600;
    color: var(--white);    
}
.career_type .loc {
    margin-right: 0px;
}
.innerpage_banner.career_single p, .innerpage_banner.career_single h1 {
    color: var(--black);
    margin-bottom: 10px;
}
.innerpage_banner.career_single .posted_date p {
    font-weight: 600;
    font-family: var(--font-plus);
}
.innerpage_banner.career_single .posted_date {
    width: 100%;
    padding-bottom: 10px;
}
.color_btn.apply_btn {
    background: var(--black);
    color: var(--white);
    min-width: 200px;
    width: 100%;
    display: block;
}
.career_details .career_data h2 {
    font-family: var(--font-plus);
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0px;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.5s;
    display: inline-block;
}
.career_details .career_data h3 {
    font-family: 'Gilroy-SemiBold';
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--white);
}
.career_details .career_data {
    max-width: 100%;
}
.career_details.career_listing {
    padding: 70px 0;
}
.career_data p, .career_data ul li {
    color: #9297A6;
}
.career_info.filter span {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #AAAEB9;
}
.career_info.filter p {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--white);
}
.career_form {
    margin-top: 60px;
    padding: 50px ;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
    border-radius: 30px;
    position: relative;
}
.career_form input {
    border: 1.5px solid #fff;
    /* border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); */
    color: var(--white);
    border-radius: 10px;
    position: relative;
    width: 100%;
    height: 50px;
}
.career_form input::-webkit-input-placeholder,
.career_form textarea::-webkit-input-placeholder {
    color: #888888;
}
.career_form input:-moz-placeholder,
.career_form textarea:-moz-placeholder {
    color: #888888;
}
.career_form input::-moz-placeholder,
.career_form textarea::-moz-placeholder {
    color: #888888;
}
.career_form input:-ms-input-placeholder,
.career_form textarea:-ms-input-placeholder {
    color: #888888;
}

.career_form input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important; 
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s; /* Prevents yellow flash */
}

.career_form input:active, .career_form input:focus {
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.2) 0.37%, rgba(3, 185, 231, 0.2) 44.24%, rgba(29, 236, 177, 0.2) 86.39%);
}



.career_form::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 20px;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all 0.5s;
    z-index: -1;
    border: 1.5px solid;
}
.career_form .submit p {
    width: 200px;
    margin-top: 30px;
}
.career_form .submit input {
    width: 180px;
    border-radius: 40px; 
    color: #000;
    transition: 0.3s;
    cursor: pointer;
    border: 1px solid #000;
}
.career_form .submit input:hover{
    color: #fff;
    border: 1px solid #fff;
}
.career_form .submit{
    position: relative;
}
.career_form .submit .wpcf7-spinner{
    left: 12px;
    top: 13px;
    position: absolute;
    margin: 0;
    opacity: 1;
}
.career_process {
    background-color: #fff;
    border-top: 13px solid;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding: 100px 0;
}
.career_process .title_width .big-title {
    color: var(--black);
}
.career_process .title_width .body_text {
    max-width: 830px;
    padding-bottom: 40px;
}
.career_process .title_width .body_text p {
    color: #6E727E;
}
.career_process .timeline-container .step-title{
    font-family: 'Gilroy-Bold';
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--black);
    margin: 10px 0;
}
.career_process .timeline-container .step-description {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 0px;
    color: #6E727E;
}
.career_process .aws-business ul {
    color: #2A364F;
}

.page-template-about .aws-offerings {
    border: none;
}
/* About Us Page  */
.about_mission_vision {
    /* background-image: url(../img/about_mission.png); */
    background-repeat: no-repeat;
    width: 100%;
    height: 650px;
    background-size: cover;
    background-color: var(--white);
    border-top: 13px solid;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin-top: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: end;
}
.mission_vision {
    margin-top: -150px;
}
.mission_vision_box, .mission_mission_box {
    background-color: var(--white);
    backdrop-filter: blur(64px);
    box-shadow: 0px 34px 134px 0px #31355B12;
    border: 1px solid #00000033;
    padding: 35px;
    height: 100%;
}
.vision_img {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 50%;
    display: block;
    width: 86px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mission_vision_box .blue-color {
    background-color: #25B2CB;
}
.mission_vision_box .red-color{
    background-color: #FD4C78;
}
.mission_vision_margin {
    background-color: var(--white);
}
.mission_vision_box h3, .mission_mission_box h3 {
    font-family: 'Gilroy-SemiBold';
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--black);
    position: relative;
    display: block;
    width: fit-content;
    margin-bottom: 40px;
}
.mission_vision_box h3:before {
    content: '';
    border-bottom: 3px solid #24A9C0;
    width: calc(100% - 30px);
    height: 2px;
    position: absolute;
    bottom: -20px;
}
.mission_mission_box h3:before {
    content: '';
    border-bottom: 3px solid #FD4C78;
    width: calc(100% - 30px);
    height: 2px;
    position: absolute;
    bottom: -20px; 
}
.mission_vision_box p, .mission_mission_box p {
    margin: 0;
    color: #6E727E;
}

.about_owner {
    padding: 100px 0;
}

.about_owner .owner_details span {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0px;
    color: var(--white);
    margin-left: -20px;
    display: block;
}
.about_owner .owner_details h2 { 
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: -0.5px;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin: 0;
    margin-left: 20px;
}
.about_owner .owner_details .experience {
    font-family: 'Gilroy-Medium';
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0px;
    color: var(--white);
    margin: 0;
}



/* Responsive CSS */

@media (max-width:1366px) {
    .blog_cta .cta_content {
        max-width: 600px;
    }
    .single_inner_page {
        padding: 50px 0;
    }
    .single_inner_page h2 {
        font-size: 30px;
        line-height: 149%;
    }
}


/* Resposive CSS */
@media (max-width:991px) {
    .blog_cta .cta_info {
        gap: 30px;
        flex-wrap: wrap;
        text-align: center;
    }
    .blog_cta .cta_btn {
        margin: 0 auto;
    }
    .innerpage_banner.single_post .banner_info h1 {
        font-size: 30px;
        line-height: 120%;
    }
    .blog_cta .cta_info .cta_btn {
        background: var(--black);
        box-shadow: 0px 22px 29.8px 0px #16181C5C;
        color: #1AE8B5;
        padding: 11px 35px;
        border-radius: 40px;
        font-size: 15px;
    }
    .blog_cta .cta_content .big-title {
        text-align: center;
    }
    .blog_cta .cta_content {
        max-width: 800px;
    }
    .single_inner_page {
        padding: 50px 0;
    }
    .single_inner_page h2 {
        font-size: 26px;
        line-height: 120%;
    }
    .single_inner_page ul {
        font-size: 18px;
        line-height: 150%;
    }
    .goal_challenge .goal_challenge_info .goal_challenge_box h3 {
        font-size: 24px;
        line-height: 100%;
    }
    .goal_challenge {
        padding: 0px 0 50px;
    }
    .solution {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about_client .portfolio_client_box h5 {
        font-size: 16px;
        line-height: 27px;
        -webkit-text-fill-color: unset;
    }
    .about_client .portfolio_client_box h4 {
        font-size: 18px;
        line-height: 140%;
        background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .all_blog_cta .cta_info {
        gap: 30px;
        flex-wrap: wrap;
        text-align: center;
    }
    .all_blog_cta .cta_info .cta_btn {
        margin: 0 auto;
        padding: 11px 35px;
        border-radius: 40px;
        font-size: 15px;
    }
    .all_blog_cta .cta_content {
        max-width: 800px;
    }
    .all_blog_cta .cta_content .body_text p {
        width: 100%;
    }
    .contact_banner .contact_title h1 {
        font-size: 36px;
        line-height: 120%;
    }
    .contact_form h2 {
        font-size: 27px;
        line-height: 100%;
    }
    .contact_form label {
        font-size: 21px;
        line-height: 100%;
    }
    .contact_form {
        padding: 36px 16px;
    }
    .career_banner .main_title_h2 h2, .career_banner .main_title_h2 h2 span {
        font-size: 36px;
        line-height: 120%;
    }
    .career_banner .body_text p {
        font-size: 15px;
        line-height: 160%;
    }
    .career_listing .career_filter h3, .career_listing .career_post h3 {
        font-size: 26px;
        line-height: 100%;
    }
    .career_filter .filter label {
        font-size: 17px;
        line-height: 100%;
    }
    .career_listing .career_filter input[type=checkbox] {
        width: 24px;
        height: 24px;
    }
    .career-job-item h4 a, .career-job-item h4 {
        font-size: 20px;
        line-height: 100%;
    }
    .career_btn, .career_type .job, .career_data .career_desc, .career_banner  .career_search {
        display: none;
    }
    .career_type .exp, .career_type .job, .career_type .loc, .career_type .exp span, .career_type .job span, .career_type .loc span {
        font-size: 16px;
        line-height: 170%;
    }
    .career_banner {
        margin: 0px 8px;
        border-radius: 20px;
        width: auto;
    }
    .career_listing .career_filter input[type=checkbox]:checked:after {
        left: 9px;
        top: 4px;
        width: 7px;
        height: 13px;
    }
    .about_mission_vision {
        height: 350px;
        background-size: cover;
        background-position: center center;
    }
    .vision_img {
        width: 60px;
        height: 60px;
    }
    .mission_vision_box h3, .mission_mission_box h3 {
        font-size: 22px;
        line-height: 100%;
    }
    .our-blog.devops_page {
        padding-top: 80px;
    }
    .about_owner .owner_details h2 {
        font-size: 50px;
        line-height: 120%;
        margin-left: 40px;
    }
    .about_owner .owner_details span {
        font-size: 25px;
        line-height: 120%; 
        margin: 0;
    }
    .approch_faq .title{
        font-size: 18px;
    }
    .approch_faq .accordion-wrap-media .accordion-title-media .plus{
        font-size: 20px;
        height: 18px;
    }
    .approch_faq .accordion-wrap-media{
        padding: 22px 10px;
    }
     .approch_faq{
        padding-bottom: 50px;
        padding-top: 50px;
    }
}


@media (max-width:768px) {
    .approch_faq{
        padding-bottom: 50px;
        padding-top: 30px;
    }
    .page-template-about .price_section {
        padding-bottom: 0px;
    }
    .innerpage_banner {
        margin: 0px 8px;
        border-radius: 20px;
    }
    .innerpage_title {
        font-size: 36px;
        line-height: 120%;
    }
    .body_text p {
        font-size: 15px;
        line-height: 160%;
    }
    .color_btn {
        font-size: 15px;
        line-height: 100%;
    }
    .our-blog .color_btn {
        background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        position: relative;
    }
    .our-blog a.color_btn:after {
        content: "";
        position: absolute;
        inset: 0;
        padding: 2px;
        border-radius: inherit;
        z-index: 0;
        background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
        -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    .banner_info {
        padding: 80px 10px;
    }
    .innerpage_banner {
        background-position: 65%;
    }
    .service_section {
        padding: 55px 0;
    }
    .service_cta .cta_info {
        padding: 50px 20px;
        text-align: center;
    }
    .service_text h3{
        font-size: 22px;
    }
    .service_section .service_box_info {
        padding: 20px 20px;
        background: linear-gradient(111.73deg, rgba(79, 60, 255, 0.2) 35.75%, rgba(79, 60, 255, 0) 94.09%);
        border-image-source: linear-gradient(180deg, #4F3CFF 0%, rgba(79, 60, 255, 0) 100%);
        margin-bottom: 10px;
        min-height: auto;
    }
    .service_box_info.service_new_2 {
        display: block;
        background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
        border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    }
    .service_box_info.service_new_2 .service_solution {
        width: 100%;
    }
    .approach .approch_title {
        padding-top: 50px;
    }
    .service_cta .cta_info::after, .service_cta .cta_info::before {
        display: none;
    }
    .service_cta_2 .cta_info {
        background: #0B162F;
        text-align: center;
        background-size: contain;
        background-position: bottom;
        padding: 50px 20px !important;
        padding-bottom: 230px !important;
    }
    .service_section .service_box_info.service_new {
        text-align: center;
        background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
        border: 2px solid;
        border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
        border-image-slice: 2;
    }
    .service_section .service_box_info.service_new .service_img img {
        margin: 0 auto;
        max-width: 60px;
    }
    .service_section .service_box {
        padding-top: 0px;
    }
    .service_cta_2 .big-title, .service_cta .big-title  {
        text-align: center;
    }


    /* Blog Listing Page */
    .blog_listing .cat_name {
        font-size: 11px;
    }
    .blog_listing .post_img .blog_author p a {
        font-size: 18px;
        line-height: 22px;
    }
    .blog_listing .post h3 a {
        font-size: 17px;
    }
    .blog_listing .category-tabs {
        overflow-x: auto;
        scrollbar-width: thin;
        white-space: nowrap;
        scrollbar-color: #ffffff #ffffff;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    .blog_listing .post_img .blog_author p {
        font-size: 18px;
        line-height: 22px;
    }
    .blog_listing .post_img .blog_author p span {
        font-size: 14px;
        line-height: 20px;
    }
    .blog_listing .post_img .cat_name {
        font-size: 11px;
    }
    .all_blog_cta .cta_content .cta-title, .all_blog_cta .cta_content .cta-title span {
        font-size: 33px;
        line-height: 150%;
        text-align: center;
    }
    .all_blog_cta .cta_content .body_text p {
        text-align: center;
    }
    .all_blog_cta .cta_info .cta_btn {
        padding: 14px 30px;
        font-size: 15px;
    }
    .all_blog_cta .cta_info {
        text-align: center;
    }
    .single_inner_page {
        padding: 30px 0;
    }
    .single_inner_page h2 {
        font-size: 24px;
        line-height: 120%;
    }
    .single_inner_page ul {
        font-size: 15px;
        line-height: 150%;
    }
    .price_table.swiper {
        padding-left: 20px;
        padding-right: 20px;
        overflow: hidden;
    }
    
}

@media screen and (max-width:767px) { 
    .service_section .service_box .swiper-wrapper,
    .devOps-services .service_box .swiper-wrapper {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        margin: 0;
    }
    .service_box_info.service_new .service_icon {
        display: none !important;
    }
    .service_section .service_box .navigation-button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-top: 10px;
    }
    .innerpage_banner.single_post .banner_info h1 {
        font-size: 24px;
        line-height: 120%;
    }
    .innerpage_banner.single_post .body_text {
        padding: initial;
    }
    .innerpage_banner.single_post .blog_author img {
        width: 42px;
    }
    .innerpage_banner.single_post {
        min-height: 580px;
    }
    .innerpage_banner.single_post .blog_author p {
        font-size: 16px;
    }
    .innerpage_banner.single_post .blog_author span, .innerpage_banner.single_post .banner_info span {
        font-size: 15px;
    }
    .innerpage_banner.single_post .banner_info::before {
        display: none;
    }
    .post_content .post_border {
        padding-top: 35px;
    }
    .innerpage_banner.single_post .banner_info {
        padding-bottom: 20px;
    }
    .post_content h2, .post_content h2 strong {
        font-size: 24px;
        line-height: 140%;
    }
    .blog_cta .cta_content .cta-title, .blog_cta .cta_content .cta-title span {
        font-size: 33px;
        line-height: 131%;
    }
    .blog_cta .cta_info {
        text-align: center;
    }
    .blog_cta .cta_info .cta_btn {
        font-size: 15px;
        line-height: 100%;
    }
    .blog_cta .cta_content {
        margin-bottom: 45px;
    }
    .blog_cta .cta_content .main-title {
        padding-bottom: 20px;
    }
    .recent_posts .main-title h3, .recent_posts .main-title {
        text-align: center;
    }
    .recent_posts .blog_listing {
        padding: 50px 0;
    }
    .about_client .portfolio_client_box, .about_client .portfolio_client_box:hover{
        padding: 0;
        border: none;
        background: none;
    }
    
    .about_client {
        padding: 35px 0 30px;
    }
    .our-blog.devops_page {
        padding-top: 50px;
    }

    .price-swiper .swiper-wrapper {
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
    }
    .devOps-services .service_box_info.service_new:hover {
        background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
    }
    /* .price-swiper .swiper-wrapper .swiper-slide {
        margin-left: 6px;
    } */
}







.ez-toc-open-icon{
    display: none;
}


/* blog banner css  */

.post_content .blog-cta .row{
    margin: 0;
}
.post_content .blog-cta .col-lg-6{
    padding: 0px;
}
.post_content .blog-cta{
    box-shadow: 0px 34px 94px 0px #32355687;
    position: relative;
    overflow: hidden;
    margin: 30px 0px;
}
.post_content .blog-cta::before{
    content: "";
    width: 268px;
    height: 268px;
    border-radius: 50%;
    top: -117px;
    left: -85px;
    opacity: 0.5;
    position: absolute;
    background: red;
    filter: blur(125px);
}
.post_content .blog-cta .cta-blog-text-main{
    padding: 20px 0px;
   padding-left: 50px; 
}
.post_content .blog-cta h4{ 
    font-family: var(--font-gilroy-medium);
    font-weight: 400;
    font-size: 32px; 
    letter-spacing: -1px;
    margin: 0;
    color: #FFFFFF;
    line-height: 150%;
}
.post_content .blog-cta h3{ 
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 32px; 
    letter-spacing: 0px;
    text-transform: uppercase;
    color: red;
    line-height: 150%;
    margin-bottom: 5px;
}
.post_content .blog-cta p{
    color: #ffffff70; 
    font-weight: 400;
    font-size: 16px; 
    letter-spacing: 0px;
    margin-bottom: 15px; 
    line-height: 170%; 
}
.post_content .blog-cta a{ 
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0px; 
    padding: 15px 30px;
    background-color: red;
    color: #000000;
    border-radius: 40px;
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
    display: inline-block;
    transition: 0.3s;
}
.post_content .blog-cta a:hover{
    background-color: #fff;
    color: #000;
}
.post_content .blog-cta img{
    border-radius: 0px;
    height: 100%;
    min-height: 340px;
    object-fit: cover;
    width: 100%;
}
.post_content .image-tag-div{
    position: relative;
}
.post_content .image-tag-div::before{
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(96.66deg, #000000 9.14%, rgba(0, 0, 0, 0) 32.41%);
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}

.post_content .blog-cta.right-side-text .row{
    flex-direction: row-reverse;
}
.post_content .right-side-text .image-tag-div::before{
    background: linear-gradient(264.66deg, #000000 9.14%, rgba(0, 0, 0, 0) 32.41%);
}
.post_content .right-side-text.blog-cta .cta-blog-text-main{
    padding-left: 10px;
    padding-right: 50px;
}
.post_content .right-side-text.blog-cta::before{
    right:-85px;
    left: auto; 
}

/* for DevOps */
.post_content .b-cta-devops.blog-cta h3{
    color: #FF7236;
}
.post_content .b-cta-devops.blog-cta::before{
    background: #FF7236;
}
.post_content .b-cta-devops.blog-cta a{
    background-color:#FF7236;
} 
.post_content .b-cta-devops.blog-cta a:hover{
    background-color:#fff;
} 

/* for Cloud */
.post_content .b-cta-cloud.blog-cta h3{
    color: #2296AD;
}
.post_content .b-cta-cloud.blog-cta::before{
    background: #2296AD;
}
.post_content .b-cta-cloud.blog-cta a{
    background-color:#2296AD;
    color: #FFFFFF;
} 
.post_content .b-cta-cloud.blog-cta a:hover{
    background-color:#fff;
    color: #000000;
} 

/* for Mobile App Developers */
.post_content .b-cta-mobi-app-d.blog-cta h3{
    color: #FA5A76;
}
.post_content .b-cta-mobi-app-d.blog-cta::before{
    background: #FA5A76;
}
.post_content .b-cta-mobi-app-d.blog-cta a{
    background-color:#FA5A76; 
} 
.post_content .b-cta-mobi-app-d.blog-cta a:hover{
    background-color:#fff; 
} 


/* for UI UX */
.post_content .b-cta-uiux.blog-cta h3{
    color: #36B2B8;
}
.post_content .b-cta-uiux.blog-cta::before{
    background: #36B2B8;
}
.post_content .b-cta-uiux.blog-cta a{
    background-color:#36B2B8; 
} 
.post_content .b-cta-uiux.blog-cta a:hover{
    background-color:#fff; 
} 

/* for Software Developers */
.post_content .b-cta-soft-dev.blog-cta h3{
    color: #4D80FF;
}
.post_content .b-cta-soft-dev.blog-cta::before{
    background: #4D80FF;
}
.post_content .b-cta-soft-dev.blog-cta a{
    background-color:#4D80FF; 
} 
.post_content .b-cta-soft-dev.blog-cta a:hover{
    background-color:#fff; 
} 

/* for Hire Cloud Developers */
.post_content .b-cta-hire-c-dev.blog-cta h3{
    color: #1D82A9;
}
.post_content .b-cta-hire-c-dev.blog-cta::before{
    background: #1D82A9;
}
.post_content .b-cta-hire-c-dev.blog-cta a{
    background-color:#1D82A9; 
    color: #ffffff;
} 
.post_content .b-cta-hire-c-dev.blog-cta a:hover{
    background-color:#fff; 
    color: #000000;
}

/* for Hire CI/CD Developers */
.post_content .b-cta-hire-cicd-dev.blog-cta h3{
    color: #5376FF;
}
.post_content .b-cta-hire-cicd-dev.blog-cta::before{
    background: #5376FF;
}
.post_content .b-cta-hire-cicd-dev.blog-cta a{
    background-color:#5376FF; 
    color: #ffffff;
} 
.post_content .b-cta-hire-cicd-dev.blog-cta a:hover{
    background-color:#fff; 
    color: #000000;
}

/* for Containerization Developers */
.post_content .b-cta-contai-dev.blog-cta h3{
    color: #DB9A3D;
}
.post_content .b-cta-contai-dev.blog-cta::before{
    background: #DB9A3D;
}
.post_content .b-cta-contai-dev.blog-cta a{
    background-color:#DB9A3D;  
} 
.post_content .b-cta-contai-dev.blog-cta a:hover{
    background-color:#fff;  
}

/* for Hire infrastructure Developers */
.post_content .b-cta-hire-infra-dev.blog-cta h3{
    color: #4DFFF6;
}
.post_content .b-cta-hire-infra-dev.blog-cta::before{
    background: #4DFFF6;
}
.post_content .b-cta-hire-infra-dev.blog-cta a{
    background-color:#4DFFF6;  
} 
.post_content .b-cta-hire-infra-dev.blog-cta a:hover{
    background-color:#fff;  
}

/* for Cost Optimization Developers */
.post_content .b-cta-cost-opti-dev.blog-cta h3{
    color: #2288AD;
}
.post_content .b-cta-cost-opti-dev.blog-cta::before{
    background: #2288AD;
}
.post_content .b-cta-cost-opti-dev.blog-cta a{
    background-color:#2288AD;  
} 
.post_content .b-cta-cost-opti-dev.blog-cta a:hover{
    background-color:#fff;  
}

/* for Well-Architected Review */
.post_content .b-cta-well-archi-r.blog-cta h3{
    color: #2AA6FF;
}
.post_content .b-cta-well-archi-r.blog-cta::before{
    background: #2AA6FF;
}
.post_content .b-cta-well-archi-r.blog-cta a{
    background-color:#2AA6FF;  
} 
.post_content .b-cta-well-archi-r.blog-cta a:hover{
    background-color:#fff;  
}

/* for Hire AWSDevelopers */
.post_content .b-cta-hire-aws-dev.blog-cta h3{
    color: #1076C9;
}
.post_content .b-cta-hire-aws-dev.blog-cta::before{
    background: #1076C9;
}
.post_content .b-cta-hire-aws-dev.blog-cta a{
    background-color:#1076C9;  
    color: #ffffff;
} 
.post_content .b-cta-hire-aws-dev.blog-cta a:hover{
    background-color:#fff;  
    color: #000000;
}



@media (max-width: 991.98px) { 
    .post_content .blog-cta .cta-blog-text-main{
        padding: 25px 17px;
        text-align: center;
    }
    .post_content .blog-cta a{
        font-size: 15px; 
        padding: 15px 20px; 
    }
    .post_content .image-tag-div::before, .post_content .right-side-text .image-tag-div::before{
        background: linear-gradient(175deg, #000000 16%, rgba(0, 0, 0, 0) 35.81%);
    }
    .post_content .right-side-text.blog-cta .cta-blog-text-main {
        padding-left: 17px;
        padding-right: 17px;
    }
    .sitemap-main-menu .footer-navigation ul{
        gap: 20px;
    }
    .sitemap-main-menu .footer-navigation ul li a{
        font-size: 18px;
    }
    .sitemap-main-menu, .sitemap-small-menu{
        margin-bottom: 25px;
    }
    .sitemap_menu h6{
        margin-bottom: 5px;
    }
    .sitemap-small-menu .footer-sub-main .sub-menu{
        overflow: visible; 
        max-height: fit-content;
        opacity: 1;
        margin-top: 5px;
    }
    .sitemap-small-menu .footer-navigation ul#footer-menu-2 .footer-sub-main ul.sub-menu li.color-text a{
        font-size: 14px;
    }
    .sitemap-small-menu .footer-sub-main .sub-menu{
        gap: 2px;
        font-size: 14px;
    }
    .sitemap-small-menu .footer-sub-main a::before{
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
    .post_content .blog-cta img{
        min-height: 410px;
    }
 }




 @media (max-width: 767.98px) { 


 }