@media (min-width: 1480px) { 
    .container {
        max-width: 1440px;
    }
    #header .container {
        max-width: 1400px;
    }
}
@media (min-width: 1400px) { 
    .container {
        max-width: 1370px;
    }
    #header .container {
        max-width: 1370px;
    }
}

@media (max-width: 1199px) {
  .home-header .navmenu ul li a{
        color:#000;
    }
    .hero h1 {
    font-size: 40px;
    }
    .hero p{
        font-size: 14px;
    }
    h2, h2>span {
    font-size: 32px;
    }
    .reimagine-blocks .content .btn {
        height: 41px;
        width: 100%;
        margin-bottom: 18px;
    }
    .enterprise-section .content p {
    padding-right: 0%;
    }
    .contact-section .subscribe-card h5 {
    font-size: 32px;
    }
    .contact-section .subscribe-card .fit-check {
    font-size: 14px !important;
    
    }
    .gradient-cards .hover-content p {
    font-size: 18px;
    }
    .lender-blocks {
    padding: 20px 16px;
    }
    .lender-card-slider {
    padding: 0 0px;
    }
    .masonryGrid-section .more-pad {
    padding-left: 0px;
    padding-right: 0px;
    }
    .routing-cards-section {
    padding: 0px 0px 0 0px;
    }
    .automation-blocks,
    .enterprise-blocks,
    .reimagine-blocks,
    .service-blocks,
    .feature-section-padding,
    .section-block-padding,
    .automate-section .section-block-padding,
    .timeline-section .bg-main,
    .radius-40,
    .footer-block,
    .contact-blocks{
        border-radius: 32px;
    }
    
    /* humburger menu color*/
    .page-template-resources-page .mobile-nav-toggle {
        color: #000;
    }
    .job-listings{
        padding: 80px 80px;
    }
    .resource-content h1 {
    font-size: 32px;
     
 }
}
@media (max-width: 993px) {
   .footer-bottom{
    display:flex;
    flex-direction:column;
  }
  .automation-blocks {
    padding: 40px 0px;
  }
  .tab-padding-top{
        padding-top: 20px;
    }
    
}
@media (max-width: 768px) {
    .header .main-menu-top .btn-block{
        display:none;
    }
    .mobile-nav-button{
      display:block !important;   
     }
     .hero h1 {
        font-size: 32px;
        line-height: 48px;
        text-align: center;
        padding: 0 2%;
        word-wrap: break-word;
    }
    .for-desk{
        display:none;
    }
    .for-mob{
    display:block;
    }
    .card-H {
    margin-bottom: 16px;
    }
    /*home-page*/
    .mob-img{
        display:block;
    }
    .desk-img{
        display:none;
    }
    .container-f-header .navmenu a {
    color:#000 !important;
    }
    .contact-section .subscribe-btn{
        width:100%;
        height: 41px;
    }
    .contact-left-card{
        padding:16px;
    }
   .masonryGrid-section .more-pad{
    padding-left:0;
    padding-right:0;
    }
    /* SLICK SLIDER PADDING */
    .timeline-slider-section .slick-slide{
        margin: 0;
    }
    .slick-slide {
        margin: 30px 15px;
    }

    .slider-dots-box , .slider-dots-understanding , .slider-dots-visibility, .slider-dots-lender,.slider-dots-blog{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .slider-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        /* min-height: 40px; */
    }

    .slider-dots button {
        width: 30px;
        height: 20px;
        display: block;
        border: 0;
        background-color: transparent;
        margin: 0 6px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        transition: .3s all;
        position: relative;
        z-index: 0;
        font-size: 0;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    
    
    .slider-dots-box button:before ,
    .slider-dots-understanding button:before,
    .slider-dots-visibility button:before,
    .slider-dots-lender button:before,
    .slider-dots-gredient button:before,
    .slider-dots-blog button:before
    {
        content: "";
        display: block;
        z-index: 2;
        width: 30px;
        height: 7px;
        display: block;
        border: 0;
        background: #C4C4C466;
        transition: .3s all;
         border-radius: 15px;
    }


    .slider-dots-box .slick-active button:before,
    .slider-dots-understanding .slick-active button:before,
    .slider-dots-visibility .slick-active button:before,
    .slider-dots-lender .slick-active button:before,
    .slider-dots-gredient .slick-active button:before,
    .slider-dots-blog .slick-active button:before
    {
        height: 10px;
        background: #A380EC;
        border-radius: 10px;
    }
    /*Security-page*/
    .security-banner-info p {
    font-size:13px !important;
    text-align:center !important;
   }
   .certified-info h4 {
    font-size: 16px;
    font-weight: 400;
    }
    .certified-info p {
    margin: 0;
    font-size: 13px;
    text-align:center !important;
    }
    .size-32{
        font-size:16px !important;
    }
    .pad-top{
        padding-top:0 !important;
    }
    .mob-padding-top{
        padding-top: 24px;
    }
    .mob-padding-bottom{
        padding-bottom: 24px !important;
    }
    .mob-x-pad{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .mob-x-padding{
        padding-right:16px !important;
        padding-left:16px !important;
    }
    .mob-text-center{
        text-align:center !important;
    }
    .container-fluid-compliance{
    padding: 24px;
     }

    .transform-section .content {
        padding-right: 0;
    }

    /* .about .content p:last-child {
        padding-right: 0;
    } */

    .padding-mob-rm {
        padding: 0 !important;
    }

    .section-padding {
        padding: 24px 16px 16px;
    }
    .section-block-padding , .mob-card-padding {
        padding: 24px 16px ;
    }
    .order-mob-1{
        order: 1;
    }
    .order-mob-2{
        order: 2;
    }
    .mobile-image{
        width:100%;
    }
    .product-page-top-banner .top-banner-heading{
        font-size:32px;
    }
    .product-page-content{
        padding:0 1.5rem;
    }
    .product-page-content h1,p{
        text-align:left !important;
    }
    .lender-card-slider{
    padding:0 0px;
    }
    .award-card{
        padding:24px;
    }
    .award-card h5 {
    font-size: 32px !important; 
    color:#343A46;
    }
    .job-listings {
        padding: 24px;
        /*height: 740px;*/
    }
    .job-card .card-inner{
         margin-bottom:24px;
    }
    .job-card:last-child .card-inner{
         margin-bottom:0px;
    }
    .job-card .card-title{
        margin-bottom:0;
    }
    .filter-group {
        margin-bottom: 1.5rem;
    }
    .resource-content h1 {
        font-size: 24px;
        padding: 10px 0;
    }
    .resource-content {
    margin-top: 150px;
    }
    .Resources-section {
    margin-top: 130px;
    }
    .blog-detail-img{
        height: 400px;
        object-fit: cover;
    }
    .mob-24{
        font-size:24px !important;
    }
    .pad-24{
        padding-bottom: 24px !important;
    }
    .pad-8{
       padding-bottom: 8px !important;
    }
    .margin-b{
       margin-bottom: 0 !important;
    }
    .company-people-section{
    padding-top:90px;
    }
    /* Book demo css*/
    .order-f-first{
        order:-1 !important;
    }
    .demo-section {
        padding: 0px 0; 
    }
    .demo-content{
        padding: 0 16px;
    }
    .demo-content h2,
    .demo-content span {
        font-size: 32px !important;
        font-weight: 700 !important;
        line-height: 1.2;
        margin-bottom: 2rem;
    }
    .demo-form-card p,
    .demo-form-card a {
    font-size: 13px;
    }
    .demo-form-card .form-label {
        font-size: 11px;
    }
    .demo-form-card .form-control {
        font-size: 14px;
    }
    .demo-form-card {
        padding: 32px 16px;
        
    }
    .demo-form-card h2 {
        font-size: 24px;
        font-weight: 600;
        color: #343A46;
    }
    .form-check label{
        font-size: 13px;
    }
    .demo-form-card .btn{
        width: 100%;
        font-size: 14px;
    }
    
    /*security page */
    .ongoing-ul{
    padding-right:0px;
    }
    .ongoing-section .details .features-item ul li {
        padding-bottom: 8px;
        margin-top: 0 !important;
    }
    .ongoing-section .details .features-item ul {
        margin-bottom: 0;
    }
    
    /*footer css */
    .footer-block{
        padding:24px 16px;
    }
    .footer-bottom span{
        font-size:13px;
    }
    
 .automate-section .scrolling-wrapper{
     padding:15px;
 }   
 
 .automate-section .logo-container-1{
     padding:10px 20px;
 }
 .resource-content h1 {
    font-size: 24px;
     
 }
}


@media (max-width: 640px) {

    /* MAIN HEADER */
    #header {
        padding: 5% 4%;
          margin-top: 15px;
    }
    
   .hero{
       margin-top:0;
   }
    .image-elm-section {
        width: 16%;
    }
    .pr-rm-mob {
        padding-right: 0 !important;
    }
    .pt-rm-mob{
        padding-top:0 !important;
    }
    .pl-rm-mob {
        padding-left: 0 !important;
    }

    .text-left-mob {
        text-align: left !important;
    }
    /* Card p font-size for mobile css*/
    .mb-cp-size{
          font-size: 13px !important;
    }

    /* To remove any element or section from mobile just add below class */
    .mob-rm {
        display: none;
    }
.heading-seprator{
        width: 13%;
    }
    /* container set in mobile */
    /* .container-fluid-tsw,
    .container-fluid-hero {
        padding: 16px;
    } */
    .container-fluid-tsw,
    .container-fluid-hero {
        padding: 24px 16px;
    }

    /* img.top-element-one{
        width: 40px;
    } */
    h5 {
        font-size: 18px !important;
    }

    h2,
    h2>span {
        font-size: 24px;
        line-height: 1.2;
        letter-spacing: -0.64px;
    }

    p,
    .ai-voice-section-block ul.voice-points p,
    .ai-voice-section .ai-left-section p,
    .review-blogs-section p,
    .transform-section .content p {
        font-size: 13px !important;
    }

    /* .ai-voice-section-block ul.voice-points p{
        font-weight: 700;
     } */

    /* HERO SECTION */
    .hero h1 {
        font-size: 32px;
        line-height: 48px;
        text-align: center;
        padding: 0 2%;
        word-wrap: break-word;
    }

    .hero img.top-element-sec {
        height: 60%;
        top: unset;
        right: -22px;
        bottom: 0;
    }

    .hero p {
        font-size: 14px;
        line-height: 21px;
        padding: 0 24px;
        text-align: center;
        margin: 0;
    }


    /* Margin-top-0 */
    .margin-mob-unset {
        margin-top: 0 !important;
    }
 /* ABOUT SECTION */
    .about .icon-box{
        padding: 24px 12px;
        min-height:210px;
    }
    .about .icon-box h3{
        font-size: 18px;
        color: #343A46;
    }
    .transform-card h3{
        font-size: 18px !important;
    }
    #about .icon-box p{
        font-size: 13px !important;
    }
    .about .icon-box p {
        padding: 0 2%;
    }
    /* AI VOICE AGENT SECTION */
    .ai-voice-section-block,
    .transform-section .transform-blocks {
        border-radius: 24px;
        padding: 24px 16px;
    }
    .automation-blocks,
    .enterprise-blocks,
    .reimagine-blocks,
    .service-blocks,
    .feature-section-padding,
    .section-block-padding,
    .automate-section .section-block-padding,
    .timeline-section .bg-main,
    .radius-40,
    .footer-block,
    .contact-blocks{
        border-radius: 24px;
    }
    
    /* feature-section  */
    section.feature-section  {
         /*margin: 24px 16px;*/
         border-radius : 24px;
    }
    .feature-section-padding {
        padding: 24px 16px;
    }
    .automation-accordion h5.size-24.strong.pb-3 {
        font-size: 16px !important;
    }
    .feature-section .feature-blocks .icon img {
        width: 18px;
    }
   .feature-section .slick-slide{
       margin: unset; 
               margin-bottom: 32px;
    }
    /* AUTOMATION CARDS */
    .automation-cards {
        padding: 20px 0 0 0;
    }

    .automation-cards p.card-text,
    .contact-section .subscribe-card p,.contact-section .subscribe-card .fit-check {
        font-size: 13px !important;
    }

    .automation-section .automation-cards .card {
        padding: 16px;
    }
    .automation-cards img {
         height: unset ;
    }
    /* enterprise */
    .enterprise-blocks .enterprise-start {
       padding: 16px 20px 16px 20px;
    }

    .enterprise-blocks .enterprise-cards {
        padding: 16px 16px 24px 16px;
    }

    /*  */

    /* .enterprise-section .enterprise-blocks .problem-point {
        padding-right: 30px;
    } */

   .enterprise-cards p {
        font-size: 13px;
    }

    .review-blogs-section p {
        padding: 0 4%;
    }

    /* CONTACT SECTION/ */
    .contact-section .subscribe-card h5,
    .reimagine-section h2 {
        font-size: 24px !important;
    }

    .contact-section .subscribe-card, .reimagine-blocks {
        padding: 24px 16px 16px;
    }
    
    .reimagine-blocks img.top-element-sec {
        height: 210px;
        top: unset;
        bottom: 0;
    }
    .contact-blocks {
        padding: 16px;
    }
    /* SLICK SLIDER PADDING */
    .timeline-slider-section .slick-slide{
        margin: 0;
    }
    .slick-slide {
        margin: 30px 15px;
    }

    .slider-dots-box , .slider-dots-understanding , .slider-dots-visibility, .slider-dots-lender,.slider-dots-blog{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .slider-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        /* min-height: 40px; */
    }

    .slider-dots button {
        width: 30px;
        height: 20px;
        display: block;
        border: 0;
        background-color: transparent;
        margin: 0 6px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
        transition: .3s all;
        position: relative;
        z-index: 0;
        font-size: 0;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    
    
    .slider-dots-box button:before ,
    .slider-dots-understanding button:before,
    .slider-dots-visibility button:before,
    .slider-dots-lender button:before,
    .slider-dots-gredient button:before,
    .slider-dots-blog button:before
    {
        content: "";
        display: block;
        z-index: 2;
        width: 30px;
        height: 7px;
        display: block;
        border: 0;
        background: #C4C4C466;
        transition: .3s all;
         border-radius: 15px;
    }


    .slider-dots-box .slick-active button:before,
    .slider-dots-understanding .slick-active button:before,
    .slider-dots-visibility .slick-active button:before,
    .slider-dots-lender .slick-active button:before,
    .slider-dots-gredient .slick-active button:before,
    .slider-dots-blog .slick-active button:before
    {
        height: 10px;
        background: #A380EC;
        border-radius: 10px;
    }

    /* SEAMLESS SECTION */
    .automation-cards h5.card-title.text-black {
        color: #3A4252 !important;
    }

    .automation-cards .ancent-block.m-4.me-0.ms-0 {
        padding-top: 12px;
    }

    /* enterprice SECTION */
    .enterprise-section h5 {
        font-size: 18px;
    }

    /* PRODUCT PAGE START CSS */
    .speaking-cards-content h5{
        padding-right: 35px;
    }
    .automate-section .content-block{
        padding: 24px 16px !important;
    }
    .my-btn{
        display: none;
    }
    .content-mob-pad{
        padding: 0 10%;
    }
    /* LENDER CARDS */
    .lender-cards .cards{
        min-height:240px;
    }
    .lender-cards .cards.card-content{
        padding: 24px 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* MANAGING CARDS */
    .managing-section .managing-card-section {
        padding-top: 24px;
    }
    .managing-section .image-block {
        padding-bottom: 26px;
    }
    .managing-cards p.size-18.mb-cp-size {
        padding-right: 20px;
    }
    
    /* reimagine */
    .reimagine-blocks .content {
        padding: 0px 6%;
    }

    .reimagine-blocks .content .btn {
        height: 41px;
        width: 100%;
        margin-bottom: 18px;
    }
    .reimagine-blocks .content .button-one-only{
         height: 41px;
        width: 250px;
    }
    /* SPEAKING SECTION */
    .speacking-cards, .managing-cards, .visibility-cards{
        display:block !important;
    }
    .speaking-cards-content h5{
        padding-right: 0px; 
    }
   .speaking-card-slider .slick-slide, 
   .understanding-card-slider .slick-slide,
   .visibility-card-slider .slick-slide{
        margin-top:0;
    }
     .visibility-cards, .managing-cards, .speacking-cards{
        padding:0;
        padding-top:18px;
    }
    .speaking-cards-content, .managing-cards h5, .visibility-cards h5  {
        padding-top: 16px;
    }

    /*.speacking-cards,.understanding-cards, .managing-cards{*/
    /*min-height:330px;*/
    /*}*/
     /* SOLUTION PAGE */
   .seamless-section .big-card,.seamless-section .small-card {
        margin-bottom: 20px !important;
    }
    
   .seamless-section .col-md-6.col-lg-4.column-container.col-12.d-flex.flex-column.justify-content-between, .seamless-section-card{
        margin-top: 0 !important;
    }
    /*MASONERY SECTION*/
    #masonryGrid .big-card,
    #masonryGrid .small-card,
    #masonryGrid .more-small-card{
        min-height: 230px;
    }
    /* TIMELINE SECTION */
    .timeline-slider-section {
        padding-top: 20px;
    }
    .timeline-step{
        padding: 0;
    }

    /*.routing-section{*/
    /*    padding: 24px 16px;*/
    /*}*/
    .routing-cards-section{
        padding: 0px;
    }
    .logo-container-1 img{
    min-height:40px;
    }
    .scrolling-wrapper {
        gap:30px;
    }
    /*FOOTER*/
    .footer .footer-links{
        padding-left: 28px;
        margin-top: 0;
		min-width: fit-content;
    }
    
    /*COMPANY PAGE INVESTOR SECTION*/
    .investor-inner {
         padding: 0; 
    }
    .investor-inner .brand-logo img{
        width:140px;
    }
}
@media (max-width: 380px) {
   .award-card-3 .award-img img {
       width:200px;
   }
}