/*
 Theme Name: Astra Child
 Theme URI: https://example.com/  /* Replace with your site URL */
 Description: A child theme of Astra
 Author: Your Name
 Author URI: https://example.com/ /* Replace with your author/site URL */
 Template: astra
 Version: 1.0.0
 Text Domain: astra-child
*/

/* Add your custom CSS below this line */
body {
    margin: 0;
    font-family: "Space Grotesk", sans-serif;
}

header.nav-bar {
    margin-top: 25px;
}
.testimonial-slider {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0px 150px;
    background-color: #191A23;
    margin-top: 80px;
    border-radius: 45px;
}
.testimonial-slide .desc{
    color: #fff;
    padding: 30px 55px;
    border-radius: 10px;
    position: relative;
    border: 1px solid #60c657; /* Green border color */
    margin: 18px 20px;
    border-radius: 45px;
}
.testimonial-slide .desc::before {
    content: "";
    position: absolute;
    left: 69px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #60c657;
    bottom: -20px;
}
.author {
    font-weight: bold;
    color: #60c657;
    display: block;
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 20px;
}
.designation {
    font-size: 20px;
    color: #a9a9a9;
}
.slick-dots li.slick-active button:before {
    color: #fff;
}
.slick-slide {
    height: auto !important;
}
.testimonial-slide .tit {
    margin: 0px 70px;
    padding-top: 2px;
}
.testimonial-slide .desc p {
  line-height: 1.5em;
}
.testimonial-slider .slick-dots {
    bottom: 46px;
}
.slick-dots li button::before {
    color: #60c657;
    border: 1px solid #fff;
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 1;
}
.testimonial-slider .slick-dots li.slick-active button::before {
    background: #60c657;
    border: 1px solid #60c657;
}
.testimonial-slider .arrow-right.slick-arrow {
    position: absolute;
    bottom: 44px;
    right: calc(40% - 100px);
    z-index: 123;
    font-size: 25px;
    cursor: pointer;
    border: 0;
    background: transparent;
    color: #fff;
}
.testimonial-slider .arrow-left.slick-arrow {
    position: absolute;
    bottom: 44px;
    left: calc(40% - 100px);
    z-index: 123;
    font-size: 25px;
    cursor: pointer;
    border: 0;
    background: transparent;
    color: #fff;
}
.process-step.active {
  background: #b9ff66;
}
.process-step-description {
    display: none; /* Initially hide all descriptions */
}
.toggle-icon {
    transition: transform 0.3s ease;
}
.landing-page { background-color: #fff; padding-top: 60px; }
.container { max-width: 1280px; margin: 0 auto; width: 100%;}
.nav-bar { display: flex; justify-content: space-between; align-items: center; }
.logo { max-width: 220px; }
.nav-links { display: flex; align-items: center; gap: 40px; font: 400 20px/1.4 'Space Grotesk', sans-serif; }
.nav-link { color: #000; text-decoration: none; font-size: 20px; font-weight: 400;}
.cta-button { border-radius: 14px; border: 1px solid #191a23; padding: 15px 35px; }
.hero { display: flex; justify-content: space-between; align-items: start; margin-top: 70px; }
.hero-content { width: 531px; }
.hero-title { color: #000; font-size: 60px; font-weight: 500; margin-top: 0; }
.hero-description { color: #000; line-height: 28px; margin-top: 35px; font-size: 20px; font-weight: 400;}
.hero-cta { border-radius: 14px; background-color: #191a23; color: #fff; padding: 20px 35px; margin-top: 25px; display: inline-block; text-decoration: none; font-weight: 400;}
.rightImageHero { width: 600px; }
.partners { display: flex; justify-content: space-between; align-items: center; margin-top: 70px; }
.partner-logo { filter: grayscale(100%); }
.section-header { display: flex;  align-items: start; margin-top: 140px; gap: 60px; }
.section-title { font-size: 40px; font-weight: 500; margin: 0;}
.highlight { border-radius: 7px; background-color: #b9ff66; padding: 0 7px; }
.section-description { font-size: 18px; width: 580px; margin: 0; }
.services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 80px; }
.service-card { box-shadow: 0px 5px 3px #000; align-items: center; border-radius: 45px; border: 1px solid #191a23; padding: 50px; display: flex; justify-content: space-between; gap:20px; }
.service-card-content { width: 50%; display: flex; flex-direction: column; justify-content: space-between; }
.service-title { font-size: 30px; font-weight: 500; }
.service-link { display: flex; align-items: center; gap: 15px; font-size: 20px; margin-top: 50px; text-decoration: none; color: #000;}
.service-icon { width: 210px; }
.cta-section { width: calc(1280px - 120px); display: flex; justify-content: space-between; align-items: center; margin-top: 100px; background-color: #f3f3f3; border-radius: 45px; padding: 0 60px; }
.cta-content { width: 500px; }
.cta-title { font-size: 30px; font-weight: 500; }
.cta-description { font-size: 18px; margin-top: 26px; }
.cta-button-secondary { text-decoration: none; border-radius: 14px; background-color: #191a23; color: #fff; padding: 15px 35px; margin-top: 26px; display: inline-block; }
.cta-image { width: 494px; }
.case-studies { background-color: #191a23; border-radius: 45px; padding: 70px 60px; margin-top: 80px; display: flex; justify-content: space-between; }
.case-study { width: 33%; color: #fff; padding: 0px 40px; border-right: 1px solid #fff; }
.case-study-description { font-size: 18px; font-weight: 400; }
.case-study-link { display: flex; align-items: center; gap: 15px; font-size: 20px; color: #b9ff66; margin-top: 20px; }
.process-steps { margin-top: 80px; }
.process-step { box-shadow: 0px 5px 3px #000; background: #F3F3F3; border-radius: 45px; border: 1px solid #191a23; padding: 35px 60px; margin-bottom: 30px; }
.process-step-header { position: relative; display: flex; cursor: pointer; gap:40px; align-items: center; }
.process-step-number { font-size: 60px; font-weight: 500; }
.process-step-title { font-size: 30px; font-weight: 500; }
.process-step-description {
    font-size: 18px;
    margin: 0;
    padding: 30px 0px 20px;
    border-top: 1px solid #000;
    margin-top: 20px;
}
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 80px; }
.team-member { position: relative;  background-color: #fff; border-radius: 45px; border: 1px solid #191a23; box-shadow: 0 5px 0 #191a23; padding: 40px 35px; }
.team-member-header { display: flex; justify-content: space-between; align-items: center; }
.team-member-info { display: flex; align-items: center; gap: 20px; }
.team-member-image { width: 106px; }
.team-member-name { font-size: 20px; font-weight: 500; margin: 0; }
.team-member-position { font-size: 18px; margin: 0; }
.team-member-description { font-size: 18px; padding: 28px 0px 10px; border-top: 1px solid #000; margin-top: 10px; }
.testimonials { background-color: #191a23; border-radius: 45px; padding: 76px 0; margin-top: 80px; color: #fff; }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 50px; }
.testimonial { width: 606px; }
.testimonial-content { font-size: 18px; margin-top: 48px; }
.testimonial-author { margin-top: 20px; }
.form-container { width: 60%; }
.form-radio { display: flex; gap: 35px; }
.form-field { margin-top: 25px; }
.form-label { font-size: 16px; }
.form-input { margin-top: 10px; border-radius: 14px; border: 1px solid #000; padding: 18px 30px; width: 100%; font-size: 18px; }
.form-submit { cursor: pointer; border: 0; border-radius: 14px; background-color: #191a23; color: #fff; padding: 20px 35px; width: 100%; margin-top: 40px; font-size: 20px; }
.contact-image { width: 692px; }
.footer { background-color: #191a23; border-radius: 45px 45px 0px 0; padding: 55px 60px 10px; margin-top: 140px; color: #fff; width: calc(100% - 120px); max-width: 100%;}
#ast-scroll-top {
  display: none !important;
}
.footer-top { display: flex; justify-content: space-between; align-items: center; }
.footer-nav { display: flex; gap: 40px; }
.footer-social { display: flex; gap: 20px; }
.footer-middle { display: flex; justify-content: space-between; margin-top: 66px; }
.footer-contact { font-size: 18px; }
.footer-subscribe { background-color: #292a32; border-radius: 14px; padding: 58px 40px; display: flex; gap: 20px; }
.footer-input { border-radius: 14px; border: 1px solid #fff; padding: 22px 35px; width: 285px; font-size: 18px; color: #fff; }
.footer-button {outline: none; border: 0; cursor: pointer; border-radius: 14px; background-color: #b9ff66; color: #000; padding: 20px 35px; font-size: 20px; }
.footer-bottom { margin-top: 50px; font-size: 18px; }
.footer-divider { border-top: 1px solid #fff; margin-bottom: 20px; }
.footer-legal { display: flex; align-items: center; gap:50px }
.service-icon img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
article.service-card:nth-child(1){
    background: #F3F3F3;
}
article.service-card:nth-child(2){
    background: #B9FF66;
}
article.service-card:nth-child(2) .highlight {
    background: #fff;
}
article.service-card:nth-child(3){
    background: #191A23;
}
article.service-card:nth-child(3) .highlight {
    background: #fff;
}
article.service-card:nth-child(3)  .service-link {
    color: #fff;
}
article.service-card:nth-child(3)  .service-link {
    color: #fff;
}
article.service-card:nth-child(4), article.service-card:nth-child(7){
    background: #F3F3F3;
}
article.service-card:nth-child(5), article.service-card:nth-child(8){
    background: #B9FF66;
}
article.service-card:nth-child(5) .highlight, article.service-card:nth-child(8) .highlight {
    background: #fff;
}
article.service-card:nth-child(6), article.service-card:nth-child(9){
    background: #191A23;
}
article.service-card:nth-child(6) .highlight, article.service-card:nth-child(9) .highlight {
    background: #fff;
}
article.service-card:nth-child(6)  .service-link, article.service-card:nth-child(9)  .service-link {
    color: #fff;
}


article.case-study:last-of-type {
    border: 0;
}
.process-step button.expand-button {
    background: transparent;
    padding: 0;
    border-radius: 90px;
    border: 0;
    position: absolute;
    right: 0;
    top: 19px;
    cursor: pointer;
}
.team-member-header .socialIcon {
    position: absolute;
    top: 30px;
    right: 30;
}
.team-member-header .team-member-info {
    gap: 5px;
}
.team-member-header .team-member-info .team-member-position {
    font-size: 16px;
}
.team-member .team-member-description {
    margin-bottom: 0;
    padding-bottom: 0;
}
div.seeAllTeam_sh {
    margin-top: 20px;
    text-align: right;
}
div.seeAllTeam_sh a {
    padding: 15px 40px;
}
section#contact .myFormData {
    margin-top: 60px;
    background: #F3F3F3;
    padding: 80px 0px 80px 100px;
    border-radius: 45px;
    display: flex;
    justify-content: space-between;
    gap: 200px;
}
section#contact .myFormData .image {
    width: 40%;
    text-align: right;
}
section#contact .myFormData .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.footer-contact .highlight {
    display: inline-block;
    color: #000;
    font-weight: 400;
    font-size: 24px;
}
nav.footer-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
}
.footer-middle .footer-contact {
    width: 40%;
}
.footer-middle .footer-subscribe {
    width: 50%;
}
.footer-middle .footer-subscribe input#footer-email {
    width: calc(100% - 260px);
}
.footer-middle .footer-subscribe input#footer-email {
    width: calc(100% - 260px);
    background: transparent;
    outline: none;
}
.footer-legal a {
    text-decoration: none;
    color: #fff;
}
button.toggleButtonItem {
    display: none;
}
header.nav-bar button.toggleButtonRem {
    display: none;
}
section.partners .img {
    width: 125px;
    height: 50px;
    display: flex;
    align-items: center;
}
section.partners .img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
div.footer-social.for-mobile {
   display: none;
}
.rightImageHero .hero-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.text_color_white{
    color: #fff;
}
/***Responsive Website***/
/*==================================
         RESPONSIVE WEBSITE
====================================*/
@media only screen and (min-width : 1920px) {/* to 1366px */
}
@media only screen and (max-width : 1919px) {/* to 1366px */
}
@media only screen and (max-width : 1620px) {/* to 1366px */
}
@media only screen and (max-width : 1536px) {/* to 1366px */
}
@media only screen and (max-width : 1440px) {/* to 1366px */
}
@media only screen and (max-width : 1400px) { /* to 1024 */
    .footer {
        max-width: calc(100% - 150px);
    }
}
@media only screen and (max-width : 1280px) { /* to 1024 */
    .container {
        max-width: calc(100% - 160px);
    }
    .process-step-title {
        padding-right: 60px;
    }
    .service-icon {
        width: 50%;
    }
    .service-title {
        font-size: 20px;
    }
}
@media only screen and (max-width : 1120px) { /* to 1024 */
    .nav-link {
        font-size: 16px;
    }
    .cta-button {
        padding: 12px 24px;
    }
    header.nav-bar .logo {
        width: 170px;
    }
    .rightImageHero {
        width: 50%;
    }
    .hero-content {
        width: 50%;
    }
    .hero-title {
        font-size: 50px;
        line-height: 1.2em;
    }
    .footer-middle .footer-subscribe input#footer-email {
        width: calc(100% - 200px);
    }
    .footer-button {
        padding: 20px 18px;
        font-size: 18px;
    }
}
@media only screen and (max-width : 1023px) { /* to 980 */
    .services-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
        margin-top: 80px;
    }
    .service-title {
        font-size: 32px;
    }
    button.toggleButtonItem {
        display: block;
        width: 40px;
        height: 40px;
        border: 0;
        background: transparent;
        cursor: pointer;
    }
    header.nav-bar nav.nav-links {
        position: fixed;
        right: -100;
        flex-flow: column;
        background: #000;
        height: 100vh;
        width: 0%;
        gap: 0;
        top: 0;
        z-index: 123;
        padding-top: 40px;
        transition: 0.3s ease-in-out;
    }
    header.nav-bar nav.nav-links a.nav-link {
        color: #fff;
        width: calc(100% - 100px);
        margin: 15px auto;
        font-weight: 600;
        font-size: 22px;
    }
    header.nav-bar nav.nav-links a.nav-link.cta-button {
        background: #b9ff66;
        color: #000;
    }
    header.nav-bar button.toggleButtonRem {
        color: #fff !important;
        z-index: 1234;
        position: fixed;
        right: 20px;
        top: 18px;
        width: 35px;
        height: 35px;
        background: transparent;
        border: 1px solid #fff;
        border-radius: 6px;
        font-size: 20px;
        cursor: pointer;
    }
    header.nav-bar button.toggleButtonRem {
        display: none;
    }
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-middle .footer-contact {
        width: 100%;
    }
    .footer-middle .footer-subscribe {
        width: 100%;
    }
    .footer-middle {
        display: flex;
        justify-content: space-between;
        margin-top: 66px;
        flex-flow: column;
    }
    .footer-middle .footer-subscribe {
        width: calc(100% - 85px);
        margin-top: 60px;
    }
    section#contact .myFormData .image {
        width: 0%;
        display: none;
    }
    .form-container {
        width: calc(100% - 100px);
    }
    .section-title {
        width: 40%;
    }
    .process-step-title {
        font-size: 24px;
    }
    .case-study {
        border-right: 0px solid #fff;
    }
    .rightImageHero {
        width: 40%;
    }
    .hero-content {
        width: 60%;
    }
}
@media only screen and (max-width : 991px) {
    .hero-title {
        font-size: 40px;
    }
    .section-title {
        width: 100%;
        text-align: center;
    }
    .section-description {
        width: 100%;
    }
    .section-header {
        gap: 20px;
        flex-flow: column;
        justify-content: center;
        text-align: center;
        margin-top: 60px;
    }
    .cta-image {
        width: 0;
        display: none;
    }
    .cta-content {
        width: 100%;
    }
    .cta-section {
        padding: 80 60px;
    }
    .cta-content h2.cta-title {
        margin-top: 0;
    }
    .case-studies {
        margin-top: 50px;
    }
    .process-steps {
        margin-top: 40px;
    }
    .team-grid {
        margin-top: 40px;
    }
    .testimonial-slider {
        margin-top: 40px;
    }
    .footer {
        margin-top: 80px;
    }
    .footer-social {
        display: none;
    }
    .footer-middle .footer-contact {
        width: 100%;
        text-align: center;
    }
    div.footer-social.for-mobile {
        display: flex;
        margin-top: 40px;
        text-align: center;
        gap: 15px;
        justify-content: center;
    }
}
@media only screen and (max-width : 979px) { /* to 800 */
    
}
@media only screen and (max-width : 900px) {
    .container {
        max-width: calc(100% - 120px);
    }
    .footer-top {
        flex-flow: column;
    }
    .footer-top img {
        margin-bottom: 30px;
    }
    .footer-middle {
        margin-top: 25px;
    }
    .footer-nav {
        display: flex;
        gap: 10px;
        flex-flow: column;
    }
    .hero {
        margin-top: 20px;
    }
    .services-grid {
        margin-top: 40px;
    }
}
@media only screen and (max-width : 799px) { /* to 768 */
    
}
@media only screen and (max-width : 767px) { /* to 600 */
    .container {
        max-width: calc(100% - 60px);
    }
    .team-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer-bottom {
        font-size: 16px;
        line-height: 1.2em;
    }
    div.footer-social.for-mobile {
        margin-top: 15px;
    }
    .footer-bottom {
        margin-top: 30px;
    }
    .footer {
        padding: 55px 15px 10px;
        max-width: calc(100% - 30px);
    width: calc(100% - 30px);
    }
    .footer-subscribe {
        padding: 30px 30px;
    }
    .cta-section {
        padding: 50px 0px;
    }
    .cta-section .cta-content {
    padding: 40px 40px 0 40px;
    width: calc(100%);
  }
    .process-step-title {
        font-size: 20px;
    }
    .process-step {
        padding: 30px 40px;
        border-radius: 20px;
    }
    .process-step-number {
        font-size: 40px;
    }
    .rightImageHero {
        width: 100%;
        display: block;
		margin-top: 50px;
    }
	.container.hero {
  display: flex;
  flex-wrap: wrap;
}
    .hero-content {
        width: 100%;
    }
    .hero-content .forMobile {
        display: block !important;
    }
    .hero-content .forMobile {
        max-width: calc(100% - 160px);
        margin: 0 auto;
    }
    .hero-content .forMobile img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
    .service-card {
        padding: 40px;
    }
    .service-title {
        font-size: 28px;
    }
    section#contact .myFormData {
        padding: 60px 50px 60px 50px;
    }
    .form-container {
        width: 100%;
    }
    .testimonial-slider .arrow-left.slick-arrow {
        left: calc(30% - 100px);
    }
    .testimonial-slider .arrow-right.slick-arrow {
        right: calc(30% - 100px);
    }
}
@media only screen and (max-width : 620px) {
    
}
@media only screen and (max-width : 555px) {
    section.partners .img img {
        max-width: 80%;
        max-height: 100%;
        width: auto;
        height: auto;
        padding: 0px 10px;
    }
    .section-header {
        margin-top: 45px;
    }
    .footer-middle .footer-subscribe input#footer-email {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-middle .footer-subscribe {
        flex-flow: column;
    }
    .footer-middle .footer-subscribe {
        width: calc(100% - 60px);
    }
    .footer-nav {
        text-align: center;
    }
}
@media only screen and (max-width : 580px) { /* to 480 */  
    .service-card {
        position: relative;
    }
    .service-title {
    font-size: 28px;
    position: relative;
    width: 100%;
    top: 0;
  }
    .service-card {
        padding: 30px 40px;
        margin: 0;
    }
    .service-icon {
        width: 50%;
        margin-top: 0;
    }
    .service-link {
/*        margin-top: 200px;*/
        color: transparent;
    }
    .service-card-content {
  width: 50%;
  display: unset;
  flex-direction: column;
  justify-content: space-between;
}
    article.service-card:nth-child(3) .service-link {
        color: transparent;
    }
    article.service-card:nth-child(6) .service-link {
        color: transparent;
    }
    article.service-card:nth-child(5) .highlight {
        width: 130px;
        display: inline-block;
    }
    article.service-card:nth-child(4) .highlight {
        width: 130px;
        display: inline-block;
    }
    .case-study {
        padding: 0;
    }
    .section-title {
        font-size: 32px;
    }
    .process-step-header {
        gap: 15px;
    }
    .process-step {
        padding: 25px 25px;
        border-radius: 20px;
    }
    .testimonial-slide .desc {
        padding: 30px 30px;
    }
    .testimonial-slider {
        padding: 40px 0px 150px;
    }
    .testimonial-slider .slick-dots {
        bottom: 62px;
    }
    .testimonial-slider .arrow-left.slick-arrow {
        bottom: 62px;
    }
    .testimonial-slider .arrow-right.slick-arrow {
        bottom: 62px;
    }
    section#contact .myFormData {
        margin-top: 30px;
    }
    section#contact .myFormData {
        padding: 45px 30px 45px 30px;
    }
  
}
@media only screen and (max-width : 479px) { /* to 375 */
    .case-studies {
        padding: 30px 10px;
    }
    .landing-page {
        padding-top: 20px;
    }
    .hero-title {
        font-size: 32px;
    }
    .footer-legal {
        flex-flow: column;
        gap:0px;
    }
    .footer-legal p {
        margin-top: 0;
        margin-bottom: 4px;
    }
    .footer-middle .footer-subscribe {
        margin-top: 35px;
    }
    .case-studies {
        padding: 20px 40px 50px;
    }
    .cta-title {
        font-size: 28px;
    }
    .process-step-title {
        font-size: 18px;
    }
}
@media only screen and (max-width : 430px) { /* to 375 */
    .service-title {
        top: 16px;
    }
    .testimonial-slider {
        padding: 15px 0px 150px;
    }
    .testimonial-slider {
       padding: 15px 0px 120px;
    }
    .testimonial-slider .arrow-left.slick-arrow {
        bottom: 55px;
    }
    .testimonial-slider .arrow-left.slick-arrow {
        left: calc(30% - 75px);
    }
    .testimonial-slider .arrow-right.slick-arrow {
        right: calc(30% - 75px);
    }
    .testimonial-slider .arrow-right.slick-arrow {
        bottom: 55px;
    }
    .slick-dots li {
        width: 15px;
        height: 15px;
        margin: 0px 4px;
    }
    .testimonial-slide .desc p {
        margin: 0;
    }
    .container {
        max-width: calc(100% - 30px);
    }
    .service-card {
        width: calc(100% - 80px);
    }
    .cta-section {
        padding: 40px 0px;
    }
    .footer {
        padding: 55px 15px 10px;
        max-width: calc(100% - 30px);
    width: calc(100% - 30px);
    }
}
@media only screen and (max-width : 400px) { /* to 360 */
    .hero-content .forMobile {
        max-width: calc(100% - 80px);
    }
    .process-step-number {
        font-size: 32px;
    }
    .process-step-header {
        gap: 10px;
    }
    .process-step-title {
        font-size: 16px;
        font-weight: 700;
    }
}
@media only screen and (max-width : 380px) { /* to 320 */
    
}
@media only screen and (max-width : 377px) {
    .service-card {
        width: calc(100% - 80px);
    }
}
@media only screen and (max-width : 362px) {
    .service-card {
        width: calc(100% - 80px);
    }
}
@media only screen and (max-width : 345px) {
    .service-card {
        width: calc(100% - 80px);
    }
}
@media only screen and (max-width : 335px) {
    .service-card {
        width: calc(100% - 80px);
    }
}
@media only screen and (max-width : 325px) {
    .service-card {
        width: calc(100% - 80px);
    }
}





/*zee code for blog*/
#astra-footer-menu .menu-item > a {
    font-size: 14px !important;
}
.blog-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 20px 0;
}

.blog-post-box {
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-post-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.blog-post-image img {
    width: 100%;
    height: auto;
    display: block;
}

.blog-post-content {
    padding: 15px;
}

.blog-post-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
}

.blog-post-title a {
    text-decoration: none;
    color: #333;
}

.blog-post-date {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}

.blog-post-excerpt {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

.blog-pagination {
    text-align: center;
    margin-top: 20px;
}

.blog-pagination a {
    margin: 0 5px;
    padding: 8px 12px;
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.blog-pagination a:hover {
    background: #005880;
}

.blog-pagination .current {
    background: #333;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}



.single_blog_page .container {
  display: flex;
  column-gap: 20px;
  justify-content: space-between;
  width: 100%;
}
.single_blog_page .container .right_side {
  width: 30%;
}
.single_blog_page .container .left_side {
  width: 70%;
}
.single_blog_page .container .left_side .image{
margin-bottom: 20px;  
}
.single_blog_page .container .right_side .blog-posts-grid {
  grid-template-columns: repeat(1, 1fr);
}


.site-footer {
  background-image: linear-gradient(to right,rgba(255,255,255,0.82),rgba(255,255,255,0.82)) !important;
}


@media only screen and (max-width: 480px) {
    
    .ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
  min-height: 93px;
  min-height: unset;
}
    .blog-posts-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  margin: 20px 0;
}
    .single_blog_page .container {
  display: flex;
  column-gap: 20px;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
    
    .single_blog_page .container .right_side {
  width: 100%;
}
.single_blog_page .container .left_side {
  width: 100%;
}
    .ast-header-break-point .ast-primary-header-bar {
    display: block !important;
  }
  
  .nav-links #open_contact_popup {
  display: block;
  width: calc(100% - 100px);
  margin:
15px auto;
}
.nav-links #open_request_popup {
  margin:
30px 0 0 0;
}
}