@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@600;700&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


body {
    font-family: 'Lato' !important;
    overflow-y: scroll;
}

html {
    scroll-behavior: smooth;
}

/*navbar styles*/

.navbar {
    background-color: #121B25 !important;
    padding: 1rem 2.56rem;

}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
}

.navbar .navbar-toggler {
    padding: 27px 19px;
    width: 18px;
    height: 2px;
    border: 0;
    box-sizing: content-box;
    background-clip: content-box;
    transition: background-color 500ms ease-in-out 250ms;
    background-color: #fff;
    outline: none;
    box-shadow: none;
}

.navbar .navbar-toggler:before,
.navbar .navbar-toggler:after {
    position: relative;
    content: '';
    display: block;
    width: 18px;
    height: 2px;
    background-color: #fff;
    transition: transform 500ms ease-in-out;
}

.navbar .navbar-toggler:before {
    top: -6px;
}

.navbar .navbar-toggler:after {
    bottom: -4px;
}

.navbar .nav-toggle__text {
    display: none;
}

.navbar .nav-toggle--active {
    background-color: rgba(255, 255, 255, 0);
    transition-delay: 0s;
}

.navbar .nav-toggle--active:before {
    transform: translateY(6px) rotate(-225deg);
}

.navbar .nav-toggle--active:after {
    transform: translateY(-6px) rotate(225deg)
}

.navbar-brand img {
    width: 18.8rem;
}

.navbar-nav {
    margin-left: 338px;
}

.navbar-nav .link {
    color: #ffff;
    font-size: 1.125rem;
    margin-right: 2.68rem;
    text-decoration: none;
    margin-top: 0.25rem;
}


.navbar .container-fluid {
    border-bottom: 1px solid #29b7a94d;
    padding: 10px;
}

.navbar-nav .active-link {
    color: #29B7B7;

}

.navbar-nav .link-btn {
    color: #121B25;
    background: linear-gradient(268deg, #6BD6D3 10.81%, #BEF2EF 81.7%);
    padding: 0.5rem 1.25rem;
    border-radius: 1.8rem;
    text-decoration: none;
    font-weight: 500;
}

/*banner styles*/

.hero_banner {
    text-align: center;
    background-color: #121B25;
    padding: 3.87rem;
    padding-bottom: 0;
}

.banner-image {
    position: relative;
}

.demo-link a {
    background: linear-gradient(285deg, #6BD6D3 10.81%, #BEE6F2 81.7%);
    padding: 0.5rem 2.18rem;
    border-radius: 1.8rem;
    text-decoration: none;
    font-weight: 700;
    position: absolute;
    left: 40%;
    bottom: 5.12rem;
    color: #121B25;
    font-size: 1.5rem;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    transition: all 0.3s ease 0s;
}
.demo-link a:hover{
    transform: translateY(-7px);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    background: linear-gradient(285deg, #6BD6D3 10.81%, #BEE6F2 81.7%);
    color:#121B25;
    border: 1px solid #6BD6D3;

}
.demo-link a:active{
    transform: translateY(-1px);
}


.banner-image img {
    width: 70%;
}

.banner-content h1 {
    color: #fff;
    margin-bottom: 2.5rem;
    font-size: 2.06rem;
    font-weight: 800;
}

.banner-chilhead {
    padding: 0 14rem;
}

.banner-chilhead h4 {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 2.6rem;
}

.banner-para {
    padding: 0 18.125rem;
}

/* section barrier_success styles */


.barrier_success {
    padding: 3.87rem 2.56rem;
    text-align: center;
}

.barrier_success img {
    width: 100%;
    margin-top: 1.68rem;
}

.barrier_success h1 {
    margin-bottom: 3.8rem;
    font-size: 2.06rem;
    font-weight: 800;
    color: #515F71;
}

.barrier-list i {
    color: #29B7B7;
}


.barrier_content {
    text-align: start !important;
    padding-left: 5rem;
}

.barrier_content h2 {
    margin-bottom: 1.75rem;
    padding-left: 0.37rem;
    color: #515F71 !important;
    font-weight: 800;
    font-size: 2.06rem !important;
}

.listbox1 p {
    display: inline-block;
}

.listbox2 p {
    display: inline-block;
}

.listbox3 p {
    display: inline-block;
}

.listbox4 p {
    display: inline-block;
}

.listbox5 p {
    display: inline-block;
}

.listbox p {
    margin-bottom: 1.25rem;
    font-size: 1.3rem;
    font-weight: 600;
    color: #515F71 !important;
}

.listbox i {
    padding-right: 0.94rem;
    font-size: 1.4rem;
    color: #29B7B7;
}

.request-link {
    margin-left: 0.25rem;
    margin-top: 1.13rem;
}

.request-link a {
    color: #29B7B7;
    border: 0.13rem solid #29B7B7;
    padding: 0.5rem 2rem;
    border-radius: 1.25rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.5rem;
}



/*solution section styles*/

.solution {
   padding: 3.87rem 2.56rem;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 0;
    padding-top: 0;
}

.solution-header {
    text-align: center;
    padding: 49px;
}

.solution-header h3 {
    color: #515F71;
    font-weight: bold;

}

.solution-header h1 {
    color: #515F71 !important;
    font-weight: 800;
    font-size: 2.06rem;
    margin-bottom: 0 !important;
    padding: 0 185px;
}

.solution img {
    width: 100%;
    /*height: 272px;*/
}

.solution h4 {
    color: #515F71;
    font-weight: bold;
    margin-bottom: 26px;
    font-size: 1.3rem;
}


.demo-content p{
    font-weight: 600;
    font-size: 1.7rem;
    margin-bottom: 47px;
    color: #515F71;
}


/*team success predictor styles*/

.team_success_predictor .row {
    gap: 26px;
}

.team_success_predictor {
    padding: 3.87rem 2.56rem;
    background: linear-gradient(100.94deg, rgba(250, 250, 250, 0.28) 20.49%, rgba(107, 214, 211, 0.02) 100%);
}

.team_success_predictor .offset-lg-2 {
    margin-left: 12.666667% !important;
}

.team_success_predictor .success-box {
    background-color: #fff;
    border-radius: 2.2rem;
    text-align: center;
    padding: 1.37rem;
    box-shadow: 0 0px 6px rgb(0 0 0 / 15%);
    margin-bottom: 5.12rem;
    width: 247px;
}

.success-box img {
    width: 6.26rem;
    margin-bottom: 1.18rem;
}

.success-box h4 {
    font-weight: 700;
    font-size: 1.2rem;
}

.req_demo_link button {
    border: 3.8px solid #29B7B7;
    color: #000 !important;
    border-radius: 7.25rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.5rem;
    padding: 0.4rem 3rem;
    background-color: #fff;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
.req_demo_link button:hover {
    background-color: #29B7B7;
    /*box-shadow: 0px 9px 20px rgb(46 229 157 / 40%);*/
    transform: translateY(-7px);
  }
  .req_demo_link button a{
   text-decoration: none;
   color:#29B7B7;
  }
  .req_demo_link button:hover a{
    color: #fff !important;
  }
  .req_demo_link button:active {
    transform: translateY(-1px);
  }

.team_success_header h1 {
    font-size: 2.06rem;
    font-weight: 800;
    color: #515F71;
}

.team_success_header p {
    font-size: 1.5rem;
    font-weight: 400;
}

.team_success_header {
    margin-bottom: 57px;
}


.transparency_focus {
    padding: 3.87rem 2.56rem;
    background-color: #1A2735;
    background-image: url(../images/sec3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-family: 'Lato';
}


.transparency_focus .div_one {
    margin-top: 29px;
}

.transparency_focus .div_three {
    margin-top: 38px;
}

.transparency_focus .div_four {
    margin-top: 27px;
    margin-left: -17px;
}

.transparency_focus .div_six {
    margin-top: 33px;
    margin-left: 25px;

}

.transparency_focus .div_seven {
    margin-left: 26px;
}


/* .transparency-header {
    text-align: center;
    margin-bottom: 3.5rem;
} */
.transparency-header {
    text-align: center;
    margin-bottom: 5.5rem;
}

.transparency-header h1 {
    font-size: 2.06rem;
    font-weight: 800;
}

.transparency-header p {
    color: #fff;
    font-size: 1.5rem;
}

.transparency_focus .transparency-box {
    background-color: #fff;
    border-radius: 2.93rem;
    /* margin-bottom: 3.37rem; */
    height: 4.25rem;
    padding: 0.625rem 1.06rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* .transparency_focus .transparency-box::before {
    content: "";
    position: absolute;
    top: 94%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    right: 29px;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #3B92B3 ;
  } */
 



.transparency-box i {
    position: absolute;
    bottom: 0;
    font-size: 2.62rem;
    color: #fff;
    right: 2.68rem;
    top: 2.93rem;
}

.transparency_focus .transparency-box p {
    margin: 0;
}

.transparency-div {
    position: relative;
    width: 100% !important;
}

.transparency-div span {
    position: absolute;
    right: -0.81rem;
    color: #fff;
    z-index: 999;
    top: 5.25rem;
}

.transparency-content-sec {
    position: relative;
}




/* before-footer section style  */

.before-footer {
    background-color: #fafafa;
    padding: 2.87rem 11.56rem;
}

.before-footer ul {
    list-style-type: none;
    position: relative;
    padding: 0;
    margin: 0;
}

.before-footer ul>li {
    display: inline-block;
}

.before-footer ul>li a {
    position: absolute;
    top: 1.125rem;
    right: 53px;
}

.before-footer p {
    font-weight: 600;
    font-size: 1.7rem;
    margin-bottom: 0;
    color: #515F71;
}

.before-footer a {
    color: #121B25;
    background: linear-gradient(257deg, #6BD6D3 10.81%, #BEF2EF 81.7%);
    padding: 0.37rem 1.25rem;
    border-radius: 1.87em;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.5rem;
}


/*footer styles*/

footer {
    background-color: #1A2735;
    padding: 3.125rem 6.56rem;
    padding-right: 4.6rem;
    padding-bottom: 3.8rem;

}

footer .flogo img {
    width: 23.18rem;
}

.cright {
    color: #fff;
    padding-left: 1.87rem;
}

.flogo {
    margin-bottom: 2.68rem;
    margin-top: 6.73rem;
}

.footer-contact {
    color: #fff;
    margin-left: 6.68rem;
    margin-top: 0.93rem;
}

.footer-contact a {
    color: #fff;
    text-decoration: none;
}

.footer-contact .b {
    font-weight: bold;
}

footer .linkedinf {
    width: 12.9rem;
}


/* request demo modelbox styles*/

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-header {
    border-bottom: unset !important;
}

.modal-body h1 {
    text-align: center;
    font-size: 2.12rem;
    font-weight: 600;
}

.modal-body p {
    text-align: center;
    font-size: 1.31rem;
    color: #fff;
}

.send-btn {
    margin-top: 2.81rem;
}

.send-btn button {
    background: linear-gradient(58deg, #ffff -40.08%, #6BD6D3 40%);
    padding: 0.4rem 2.68rem;
    font-size: 0.9rem;
    font-weight: bold;
    border: none;
    border-radius: 1.25rem;
}

.model_demo_form {
    padding: 0 5.43rem;
}

.model_demo_form label {
    margin-bottom: 0.625rem;
    color: #fff;
}

.model_demo_form .form-control {
    margin-bottom: 0.625rem;
}

.stackai_model .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: #000000c7 !important;
}



/* for mobile responsive codes */
@media only screen and (max-width:320px) {
    .demo-link a {
        left: 51px !important;
    }
    .solution img {
        height:unset !important;
    }

    .solution .image1 {
        height:unset !important;
        width: 100%;
    }

}


/*media query for mobile devices*/

@media (min-width: 390px) and (max-width: 400px){

    .navbar .navbar-toggler {
        padding: unset !important;
        margin-left: 26px !important;
    }
    .navbar>.container-fluid {
       display: unset !important;

    }
   

.hero_banner {
    padding: 1rem;
    padding-bottom: 0;
    /* height: 30vh !important; */
    overflow: hidden;
}

.solution img {
    height:unset !important;
}

.solution .image1 {
    height:unset !important;
    width: 100%;
}

}

@media (min-width:321px) and (max-width:400px) {
   
    .demo-link a {
        left: 91px !important;
        padding: 7px 20px;
        font-weight: 800;
        bottom:5.9rem !important;
        margin-bottom: 15px !important;
    }
    
   
    

    .banner-content h1 {
        font-size: 19px !important;
    }
    .navbar-brand {
        margin-left: 47px !important;
        /* margin-left: 53px !important; */
        margin-right: 0!important;
    } 

     .hero_banner {
        padding: 1rem;
        padding-bottom: 0;
        overflow: hidden;
    }
    .solution img {
        height:unset !important;
    }

    .solution .image1 {
        height:unset !important;
        width: 100%;
    }
   
}

@media (min-width:401px) and (max-width:472px) {
    .hero_banner {
    padding: 1rem;
    padding-bottom: 0;
   
    overflow: hidden;
    }

    .demo-link a {
        left: 90px !important;
        margin-bottom: 21px !important;
    }
 
    
    .banner-content h1 {
        font-size: 18px !important;
        line-height: 30px;
        margin-bottom: 14px;
        font-weight: 800;
    }

    .banner-chilhead h4 {
        font-size: 16px !important;
        margin-bottom: 22px;
        font-weight: 800;
    }

    .solution img {
        height:unset !important;
    }

    .solution .image1 {
        height:unset !important;
        width: 100%;
    }
}


@media only screen and (max-width:375px){
.hero_banner {
    padding: 1rem;
    padding-bottom: 0;
    height: 48vh !important;
    overflow: hidden;
}
.solution img {
    height:unset !important;
}

.solution .image1 {
    height:unset !important;
    width: 100%;
}
}

/* for mobile responsive codes */

@media only screen and (max-width:600px) {

    .navbar-expand-lg .navbar-collapse {

        justify-content: unset !important;
    }

    .solution {
        height: unset !important;
        padding: 40px 20px;
    }

    .solution img {
        height:unset !important;
    }

    .solution .image1 {
        height:unset !important;
        width: 100%;
    }

    .solution h4 {

        margin-top: 20px;
    }

    .solution-header h1 {
        font-size: 1.37rem;
        padding:0 10px;
    }

    .solution .solution-img {
        margin-bottom: 18px;
    }

    .navbar {
        padding: unset !important;
    }

    .navbar-nav {
        margin-left: 16px;
    }

    .navbar-brand img {
        width: 242px;
        /*height: 36px;*/
    }

    .navbar-brand {
        margin-left: 72px;
    }
    .navbar .navbar-toggler {
        padding: unset !important;
        margin-left: 26px !important;
    }
    .navbar>.container-fluid {
       display: unset !important;
       text-align: center !important;

    }
    .navbar-nav .nav-item {
        margin-bottom: 15px;
        margin-top: 19px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar-nav .link-btn {
        color: #000;
        background: linear-gradient(296deg, #6BD6D3 0%, #BEE0F2 100%);
        padding: 0.31rem 1.25rem;
        border-radius: 1.8rem;
        text-decoration: none;
        font-weight: 500;
    }


    .hero_banner {
        padding: 1rem;
        padding-bottom: 0;
        overflow: hidden;
    }

    .banner-chilhead {
        padding: 0 !important;
    }

    .demo-link a {
        bottom: 74px !important;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .banner-image img {
        width: 100%;
    }

    .banner-content h1 {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 14px;
    }



    .banner-chilhead h4 {
        font-size: 15px;
        margin-bottom: 22px;

    }

    .barrier_success {
        padding: 1rem;

    }

    .barrier_success h1 {
        margin-bottom: 0.37rem;
        font-size: 1.37rem;
    }

    .barrier_content h2 {
        font-size: 1.37rem !important;
        margin-top: 43px;
    }

    .barrier_success .col-lg-6 {
        padding: 0 !important;
    }

    .barrier_content {
        padding-left: 23px !important;
        ;
    }

    .request-link a {

        font-size: inherit;
    }

    .listbox p {
        font-size: 1rem !important;
    }

    .request-link {
        text-align: center;
    }

    .transparency_focus {
        padding: 20px;
    }

    .transparency_focus .row_two{
        margin: 0;
        padding: 0;
    }

    .transparency_focus .row_three{
        margin: 0;
        padding: 0;
    }


    .transparency-header {
        margin-bottom: 10px !important;
    }

    .transparency-header h1 {
     font-size: 24px;
      margin-bottom: 7px !important;
      padding: 0 10px;
    }

    .transparency-header p {
        font-size: 1rem;
    }

    .transparency_focus .transparency-box p {
        margin: 0;
        font-size: 14px;
        padding: unset;
    }
    .transparency-content-sec .two {
        position: relative;
        background: linear-gradient(90deg, #29B7B7 51.25%, rgba(121, 41, 183, 0.89) 175.53%);
        margin-top: unset !important;
    }
    .transparency-content-sec .seven {
        position: relative;
        background: linear-gradient(90deg, #29B7B7 51.25%, rgba(121, 41, 183, 0.89) 175.53%);
        left: unset !important;
        top: unset !important;
    }
    .row-two{
        margin-bottom: 5px;
    }
    .transparency-content-sec .six {
        left: unset !important;
        top: unset !important;
    }
  
    .text-seven .sub-p {
        position: relative !important;
        top: 4px !important;
        left: -18px !important;
    }

    .transparency-content-sec .sub-p {
        font-size: 14px !important;
        position: relative;
        left: -11px;
    }
    .transparency-content-sec .sub-text .sub-p {
      left:unset !important;
      right: 13px !important;
    }
    .transparency-content-sec .seven::before {
        content: "";
        position: absolute;
        top: 88% !important;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        right: 29px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #FEFEFE !important;
    }
    



    .transparency-div {
        margin-bottom: 24px;
    }

    .transparency_focus .div_three {
        margin-top: unset;
    }

    .transparency_focus .div_six {
        margin-top: -7px;
        margin-left: unset;
    }
    .transparency_focus .div_seven {
        margin-left: unset;
    }
    .transparency-content-sec .five {
        background-color: #FEFEFE;
        margin-top: unset !important;
    }

    .transparency-box i {
        top: 2rem;
        right: 87px;
    }

    .transparency_focus img{
         width: 100%;
     }
 
    .transparency-div span {
        top: 3.75rem;
        right: 0;
        font-size: 15px;
    }

    .div1 {
        margin-left: 64px;
    }

    .div1 .transparency-box {
        margin-bottom: -17px;
    }

    .div1 .transparency-box span {
        right: 0;
    }

    .div3 {
        margin-left: -21px;
        margin-bottom: -17px;
    }

    .div3 span {
        right: 39px;
    }

    .div6 {
        margin-bottom: 0 !important;
        margin-left: 71px;
        margin-bottom: 0 !important;
    }

    .div6 .transparency-box i {
        top: 62px;
        right: 33px;
    }

    .div6 .transparency-box span {
        top: 90px;
    }

    .div6 .transparency-box p {
        padding: 3px 11px;
    }

    .div2 .transparency-box {
        top: 78px;
        padding: 0px 40px;
        text-align: end;
        right: 29px;
        margin-top: 0;
    }

    .div2 span {
        top: 78px;
        padding: 0 48px;
        text-align: end;
    }

    .div2 .transparency-box i {
        top: 41px;
        left: 157px;
    }

    .div4 {
        margin-bottom: 0;
    }

    .div4 .transparency-box {
        margin-left: 68px;
    }

    .div4 .transparency-box i {
        left: 250px;
    }

    .div4 .transparency-box span {
        right: -30px;
    }

    .div7 {
        margin-top: -12px;
    }

    .div7 .transparency-box {
        width: 300px;
        margin: 0;
    }

    .div7 .transparency-box span {
        right: -23px;
        top: 67px;
    }

    .div5 {
        margin-bottom: 0;
        margin-left: 51px;
    }

    .div_five {
       margin-left: unset;
    }

    .div5 .transparency-boxspan {
        right: -25px;
    }


    .transparency_focus .div_three {

        margin-bottom: 39px;
    }


    .transparency_focus .div_four {
        margin-left: unset !important;
        margin-top: -9px;
    }

    .team_success_predictor {
        padding: 39px 13px;
        text-align: -webkit-center;
    }

    .team_success_predictor .success-box3 {
        margin-bottom: 40px !important;
    }

    .team_success_header h1 {
        font-size: 24px;
    }

    .team_success_header p {
        font-size: 17px;
        padding: 0 20px;
        font-weight: 500;
    }

    .team_success_header {
        margin-bottom: 3.06rem;
    }

    .team_success_predictor .offset-lg-2 {
        margin-left: unset !important;
    }

    .team_success_predictor .success-box {
        width: 243px;
        height: 232px;
        padding: 30px 0;
        margin-bottom: 14px;
    }

    .team_success_header h1 {
        font-weight: 800;
        color: #515F71;
        font-size: 1.68rem;
    }

    /*.req_demo_link a {*/

    /*    font-size: inherit !important;*/

    /*}*/
    .req_demo_link a {
    font-size: 21px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .before-footer {
        background-color: #fafafa;
        padding: 34px 10px;
        text-align: center;
    }

    .before-footer p {
        font-size: 1.5rem;
        color: #515F71;
    }

    .before-footer .bf-c {
        font-weight: 600;
        font-size: 23px;
        text-align: center;
        padding: 0 10px;
        margin-bottom: 0;
        line-height: 1;
    }

    .before-footer .bf-c2 {
        color: #29B7B7;
        font-size: 21px;
        margin-bottom: 20px;
    }

    .before-footer ul>li {
        text-align: center;
        margin-top: 14px;
    }

    .before-footer ul>li a {
        position: unset;
        font-size: inherit;
    }

    footer {
        background-color: #1A2735;
        padding: 22px;
        text-align: center;
    }

    .flogo {
        margin-bottom: 2.68rem;
        text-align: center;
        margin-top: 15px !important;
    }

    footer .flogo img {
        width: 235px;
    }

    .footer-contact {
        margin: unset !important;
    }

    footer .linkedinf {
        width: 119px;
        margin-bottom: 26px;
    }

    .cright {
        color: #fff;
        padding-left: unset;
        font-size: 15px;
    }

    .listbox p {

        margin-bottom: 10px;
    }

    .modal-body h1 {
        font-size: 29px;
    }

    .modal-body p {
        text-align: center;
        font-size: 21px;
        color: #fff;
        padding: 0 35px;
    }

    .model_demo_form {
        padding: unset;
    }

   .solution-header {
   text-align: center;
    margin-bottom: 9px;
    padding: 5px;
    padding-top: 38px;
}

}
@media (min-width:376px) and (max-width:600px) {


    .navbar .navbar-toggler {
        padding: unset !important;
        margin-left: 26px !important;
    }
    .navbar>.container-fluid {
        display: unset !important;
        text-align: center !important;
    }


    .hero_banner {
        padding: 1rem;
        padding-bottom: 0;
        height: 38vh !important;
        overflow: hidden;
    }
    .solution img {
        height:unset !important;
    }

    .solution .image1 {
        height:unset !important;
        width: 100%;
    }

}
@media (min-width:540px) and (max-width:580px) {

    .hero_banner {
        padding: 1rem;
        padding-bottom: 0;
        height: 53vh !important;
        overflow: hidden;
    }
    .navbar>.container-fluid {
        display: flex !important;
        text-align: center !important;
    }
}
@media (max-width:375px) {
    .transparency_focus .transparency-box p {
        font-size: 13px !important;
    }

}


@media (min-width:360px) and (max-width:374px) {


    .navbar .navbar-toggler {
        padding: unset !important;
        margin-left: 26px !important;
    }
    .navbar>.container-fluid {
       display: unset !important;
       text-align: center !important;

    }


    .hero_banner {
        padding: 1rem;
        padding-bottom: 0;
        height: 47vh !important;
        overflow: hidden;
    }
    .solution img {
        height:unset !important;
    }

    .solution .image1 {
        height:unset !important;
        width: 100%;
    }
}


@media (min-width:540px) and (max-width:599px) {
    
    .demo-link a {
    bottom: 58px;
    font-size: 13px;
    left: 152px !important;
}
    

.solution-header h1 {
    font-size: 1.37rem;
    padding: 0 12px;
}
.solution img {
    height:unset !important;
}

.solution .image1 {
    height:unset !important;
    width: 100%;
}

}
@media (max-width:280px) {
    .navbar-brand img {
        width: 175px;
        height: 25px;
    }
    .navbar-brand {
        margin-left: 19px;
    }
    .banner-content h1 {
        font-size: 14px;
        line-height: 20px;
    }
    .banner-chilhead h4 {
        font-size: 12px;
    }

    .hero_banner {
        height: 40vh !important;
    }
    .demo-link a {
        padding: 7px 21px;
        left: 44px !important;
        bottom: 44px !important;
    }
    .barrier_success h1 {
        font-size: 18px;
    }
    .barrier_content {
        padding-left: unset!important;
    }
    .barrier_content h2 {
        font-size: 18px !important;
    }
    .listbox i {
        font-size: 17px;
    }
    .listbox p {
        font-size: 13px !important;
    }
    .solution h4 {
        font-size: 18px;
    }
    .solution-header h1 {
        font-size: 16px;
        padding: 0 0;
    }
    .transparency-header h1 {
        font-size: 18px;
        padding: 0 0px;
    }
    .team_success_header h1 {
        font-size: 18px;
    }
    .team_success_header p {
        font-size: 13px;
    }
    .success-box h4 {
        font-size: 18px;
    }
    .demo-content p {
        font-size: 18px;
    }
    footer .flogo img {
        width: 100%;
    }
    .req_demo_link a {
    font-size: 17px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.transparency-content-sec .col-md-4{
    padding:0 !important;
}
.transparency_focus {
    padding: 14px;
}
    
}

@media (min-width:1450px){
    .banner-content h1 {
        font-size: 3rem;
    }
    .banner-chilhead h4 {
        font-size: 2rem;
    }
}


@media (min-width: 360px) and (max-width: 374px){
.hero_banner {
    /* height: 44vh !important; */
    height: 48vh !important;
}
.demo-link a {
    bottom: 67px !important;
    left: 84px !important;
}
}


@media (min-width:540px) and (max-width:600px) {
    
.navbar-brand {
    margin-left: 11px;
}

}


/*media query for tablet*/
@media (min-width:601px) and (max-width:900px) {
    
    .navbar-expand-lg .navbar-collapse {

        justify-content: unset !important;
    }

    .solution {
        height: unset !important;
        padding: 3.87rem 2.56rem;
    }

    .solution h4 {

        margin-top: 20px;
    }

   .solution-header h1 {
    font-size: 2.05rem;
    padding: 0 21px;
}

    .solution .solution-img {
        margin-bottom: 18px;
    }

    .navbar {
        padding: unset !important;
    }

    .navbar-nav {
        margin-left: 16px;
    }

    .navbar-brand img {
        width: 212px;
        height: 33px;
    }

    .navbar-brand {
        margin-left: 56px;
    }

    .navbar .navbar-toggler {
        padding: 16px !important;
    }

    .navbar-nav .nav-item {
        margin-bottom: 15px;
        margin-top: 19px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar-nav .link-btn {
        color: #000;
        background: linear-gradient(296deg, #6BD6D3 0%, #BEE0F2 100%);
        padding: 0.31rem 1.25rem;
        border-radius: 1.8rem;
        text-decoration: none;
        font-weight: 500;
    }

    .hero_banner {
        padding: 1rem;
        padding-bottom: 0;
    }

    .banner-chilhead {
        padding: 0 !important;
    }

    .demo-link a {
        left: 275px;
        bottom: 63px;
        font-size: 13px;
    }

    .banner-image img {
        width: 94%;
    }

    .banner-content h1 {
        font-size: 2.05rem;
        line-height: 35px;
        margin-bottom: 14px;
        padding: 0 39px;
    }

    .banner-chilhead h4 {
        font-size: 1.25rem;
        margin-bottom: 22px;
    }

    .barrier_success {
        padding: 3.87rem 2.56rem;

    }

    .barrier_success h1 {
        margin-bottom: 0.37rem;
        font-size: 2.05rem;
        padding: unset;
    }

    .barrier_content h2 {
        font-size: 1.37rem !important;
        margin-top: 43px;
    }

    .barrier_success .col-lg-6 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .barrier_content {
        padding-left: unset !important;
    }

    .request-link a {

        font-size: inherit;
    }

    .listbox p {
        font-size: 1rem !important;
    }

    .request-link {
        text-align: center;
    }
    .solution img {
        height:unset !important;
    }

    .solution .image1 {
        height:unset !important;
        width: 100%;
    }

   

    .transparency-header h1 {
        font-size: 2.06rem;
        font-weight: 800;
        padding: 0 43px;
    }

    .transparency-header p {
        color: #fff;
        font-size: 1.31rem;
    }

    .transparency_focus .div_one {
        margin-top: 29px;
    }

    .transparency_focus .div_three {
        margin-top: 38px;
    }

    .transparency_focus .div_four {
        margin-top: 27px;
        margin-left: -17px;
    }

    .transparency_focus .div_six {
        margin-top: 33px;
        margin-left: 25px;

    }

    .transparency_focus .div_seven {
        margin-left: 26px;
    }


    .team_success_predictor {
        padding: 39px 13px;
        text-align: -webkit-center;
    }

    .team_success_predictor .success-box3 {
        margin-bottom: 40px !important;
    }

    .team_success_header h1 {
        font-size: 24px;
    }

    .team_success_header p {
        font-size: 1.3rem;
        padding: 0 20px;
        font-weight: 500;
    }

    .team_success_header {
        margin-bottom: 3.06rem;
    }

    .team_success_predictor .offset-lg-2 {
        margin-left: unset !important;
    }


    .team_success_header h1 {
        font-size: 2.06rem;
    }

    .team_success_predictor .row {
        gap: 81px;
    }

    .team_success_predictor .offset-lg-2 {
        margin-left: -3.333333% !important;
    }

    .req_demo_link {
        margin-top: 13px;
        margin-bottom: 10px;
    }

    .req_demo_link a {
        font-size: 1.2rem;
        font-weight: 800;
        padding: 0.5rem 3rem;
    }

    .before-footer {
        background-color: #fafafa;
        padding: 31px 20px;
    }

    .before-footer p {
        font-weight: 600;
        font-size: 1.5rem;
        margin-bottom: 0;
        color: #515F71;
    }

    .before-footer .container {
        margin: 0 50px !important;
    }

    .before-footer a {
        font-weight: unset !important;
    }

    .before-footer ul>li a {
        position: absolute;
        top: 1.125rem;
        right: -28px;
    }

    footer {
        padding: 30px 0px;
    }

    .footer .container {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .footer-contact {
        margin-left: 29px !important;
    }

    .footer-contact p {
        margin-bottom: 10px;
    }

    .flogo {
        margin-bottom: 2.68rem;
        margin-top: 5.68rem;
        margin-left: 28px;
    }

    footer .flogo img {
        width: 308px;
        margin-bottom: 37px;
    }

    .cright {
        color: #fff;
        font-size: 16px;
        position: absolute;
        left: 5px;
    }

    .listbox p {

        margin-bottom: 10px;
    }

    .modal-body h1 {
        font-size: 29px;
    }

    .modal-body p {
        text-align: center;
        font-size: 21px;
        color: #fff;
        padding: 0 15px;
    }

    .model_demo_form {
        padding: unset;
    }

    .solution-header {
        text-align: center;
        margin-bottom: 22px;
    }
    
.team_success_predictor .offset-lg-2 {
    margin-left: -4.333333% !important;
}

.team_success_predictor .row {
    /*gap: 91px !important;*/
    gap:0;
}

.team_success_predictor .success-box {
    background-color: #fff;
    border-radius: 2.2rem;
    text-align: center;
    padding: 1.37rem;
    box-shadow: 0 0px 6px rgb(0 0 0 / 15%);
    margin-bottom: 5.12rem;
    width: 223px !important;
} 

}

/*media query for large device*/
/* @media (min-width:1251px) {
    
    .banner-content h1 {
        color: #fff;
        margin-bottom: 2.5rem;
        font-size: 2.7rem !important;
        font-weight: 800;
    }
    .banner-chilhead h4 {
        color: #fff;
        font-size: 2rem !important;
        margin-bottom: 2.6rem;
    }
} */


@media (min-width: 768px) and (max-width: 1024px){
    
.team_success_predictor .offset-lg-2 {
    margin-left: -0.333333% !important;
}
  .team_success_predictor .col-md-3 {
    flex: 0 0 auto;
    width: 33%;
} 
.team_success_predictor .row {
    gap: 4px !important;
}

.team_success_predictor .success-box {
    background-color: #fff;
    border-radius: 2.2rem;
    text-align: center;
    padding: 1.37rem;
    box-shadow: 0 0px 6px rgb(0 0 0 / 15%);
    margin-bottom: 5.12rem;
    width: 225px !important;
} 

.barrier_success .col-lg-6 {
    display: unset;
}
.barrier_content h2 {
    font-size: 1.5rem !important;
    margin-top: 43px;
}
.listbox p {
    margin-bottom: 10px;
    font-size: 17px !important;
}
.listbox i {
    padding-right: 0.50rem !important;
}
.barrier_success {
    padding: 3.87rem 2.56rem;
    padding-bottom: 0 !important;
}
.barrier_success img {
    width: 100%;
    margin-top: 4.68rem;
}
.padding-0{
    padding: 0 !important;
}
.solution h4 {
    margin-top: 20px;
    font-size: 16px;
}
.solution-header {
    text-align: center;
    margin-bottom: 22px;
    padding-bottom: 0;
    padding: 0;
    padding-top: 52px;
}
.flogo {
    margin-bottom: 2.68rem;
    margin-top: 45px;
    margin-left: 28px;
}

} 
@media (min-width: 912px) and (max-width: 1100px){

.solution-header h1 {
    padding: 0 64px;
}

.solution img {
    height:unset !important;
}

.solution .image1 {
    height:unset !important;
    width: 100%;
}

.barrier_success {
    padding: 3.87rem 2.56rem;
    text-align: center;
    padding-bottom: 0;
}


.banner-content h1 {
    color: #fff;
    margin-bottom: 2.5rem;
    font-size: 37px !important;
    font-weight: 800;
}

.banner-chilhead {
    padding: 0 2rem;
}

.demo-link a {
    left: 30% !important;
}
.banner-image img {
    width: 96%;
}


.barrier_success h1 {
    font-size: 37px;
    margin-bottom: 0;
}
.barrier_success img {
   text-align: start !important;
    /* margin-top: 25px; */
    padding-left: 0 !important;
}

.barrier_content {
    text-align: start !important;
    margin-top: 25px;
    padding-left:0 !important;
}

.solution-img{
    margin-bottom: 37px;
}
.solution h4 {
    margin-bottom: 29px;
    margin-top: 32px;
   font-size: 18px;

}
.footer-contact {
    color: #fff;
     margin-left:unset; 
    margin-top: 3.93rem;
}
.cright {
    position: absolute;
}

}

/*@media (min-width: 1200px) {*/
/*    .banner-content h1 {*/
/*        color: #fff;*/
/*        margin-bottom: 2.5rem;*/
/*         font-size: 2.7rem; */
/*        font-weight: 800;*/
/*    }*/
    
/*    .banner-chilhead {*/
/*        padding: 0 14rem;*/
/*    }*/
    
/*    .banner-chilhead h4 {*/
/*        color: #fff;*/
/*        font-size: 2.0rem;*/
/*        margin-bottom: 2.6rem;*/
/*    }*/

/*}*/

@media (max-width: 767px){
    .solution-sml-div{
        display: block !important;
    }
    .solution-big-div{
        display: none !important;
    }
    .transparency-content-sec .seven {
        position: relative;
        background:#FEFEFE !important;
        left: 26px;
    }

    .transparency-content-sec .seven::before{
    content: "";
    position: absolute;
    top: 94%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    right: 29px;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FEFEFE !important;
    }
    .transparency-content-sec .seven p{
        color: #515F71 !important;
    }


}
@media (min-width: 768px) {
    .solution-sml-div{
        display: none !important;
    }
    .solution-big-div{
        display: block !important;
    }
}




.transparency-content-sec .one{
    background-color: #FEFEFE;
}
.transparency-content-sec .one p{
    color:#515F71;
}

.transparency-content-sec .three {
    background-color: #FEFEFE;
    margin-top: 11px;
}
.transparency-content-sec .three p {
    color: #515F71;
    padding-left: 21px;
}


.transparency-content-sec .five {
    background-color: #FEFEFE;
    margin-top: -17px;
}

.transparency-content-sec .five p{
    padding-left: 13px;
    color:#515F71;
    padding-left: 24px;
}
.transparency-content-sec .one::before,.three::before,.five::before {
    content: "";
    position: absolute;
    top: 89%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    right: 29px;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FEFEFE;
}



.transparency-content-sec .two {
    position: relative;
    background: linear-gradient(90deg, #29B7B7 51.25%, rgba(121, 41, 183, 0.89) 175.53%);
    margin-top: -25px;
}

.transparency-content-sec .two  p{
    color: #FEFEFE;
}

.transparency-content-sec .four{
    position: relative;
    background: linear-gradient(90deg, #29B7B7 51.25%, rgba(121, 41, 183, 0.89) 175.53%);
}
.transparency-content-sec .four p {
    color: #FEFEFE;
    padding-left: 15px;
}

.transparency-content-sec .four {
    padding-left: 8px;
    margin-top: 7px;
}

.transparency-content-sec .six {
    position: relative;
    background: linear-gradient(90deg, #29B7B7 51.25%, rgba(121, 41, 183, 0.89) 175.53%);
    left: 17px;
    top: 10px;
}
.transparency-content-sec .six p {
    color: #FEFEFE;
    padding-left: 9px;
}
.transparency-content-sec .sub-text .sub-p{
    position: relative;
    left: 13px;
    top: 8px;
}

.transparency-content-sec .seven {
    position: relative;
    background: linear-gradient(90deg, #29B7B7 51.25%, rgba(121, 41, 183, 0.89) 175.53%);
    left: 26px;
    top: -13px;
}
.transparency-content-sec .seven p {
    color: #FEFEFE;
    padding-left: 14px;
}
.text-seven .sub-p{
    position: relative;
    top: -14px;
    left: 22px;
}

.transparency-content-sec .two::before,.four::before,.six::before,.seven::before {
    content: "";
    position: absolute;
    top: 89%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    right: 29px;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #3B92B3 ;
}

.transparency-content-sec .sub-p {
    color: #FEFEFE;
    text-align: end;
    margin-top: 12px;
    font-size: 17px;
}




@media (min-width:768px) and (max-width:912px) {

    .transparency_focus .transparency-box {
        background-color: #fff;
        border-radius: 2.93rem;
        height: fit-content;
        padding: 0.625rem 1.06rem;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .transparency_focus .transparency-box p {
        font-size: 9px;
    }
    .transparency-content-sec .sub-p {
        font-size: 12px;
        font-size: 9px;
    }
    .transparency-content-sec .two::before, .four::before, .six::before, .seven::before {
        content: "";
        position: absolute;
        top: 81%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        right: 24px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #3d9eb9;
    }
    .transparency-content-sec .one::before, .three::before, .five::before {
        content: "";
        position: absolute;
        top: 81%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        right: 29px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #FEFEFE;
    }
    .transparency-content-sec .seven::before {
        content: "";
        position: absolute;
        top: 81%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        right: 29px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        /*border-top: 20px solid #FEFEFE !important;*/
    }
    .transparency-content-sec  .container, .container-md, .container-sm {
        max-width: 833px;
    }
    .transparency-content-sec .three{
        width: 111%;
    }
    .three .sub-p{
        position: relative;
        left: -23px;
        top: 3px;
        }
    .transparency-content-sec .six{
        width: 112%;
        left: 0 unset !important;
    }
    .transparency-content-sec .seven{
        width: 109%;
    }
    .transparency-content-sec .five p {
        padding-left: 3px !important;
    }

   
    .transparency-content-sec .two{
        height: 47px;
    }
   
    .transparency-content-sec .one{
    width: 109%;
    left: -23px;
    height: 48px;
    }
    .transparency-content-sec .div_1 .sub-p{
        position: relative;
        left: -34px;
        top: 3px;
    }   .transparency-content-sec .div_2 .sub-p{
        position: relative;
        left: -30px;
        top: 3px;
        }
    .transparency-content-sec .four{
        width: 111%;
        left: -23px;
    }
    .div_3 .sub-p{
    position: relative;
    left: -8px;
    top: 3px;
    }


    .div_5 .sub-p{
        position: relative;
        left: -23px;
        top: 3px; 
    }
    .div_6 .sub-p{
        position: relative;
        left: 17px !important;
        top: 12px !important;
    }
    .div_7 .sub-p{
        position: relative;
        left: 10px;
        top: -8px;
    }

    .transparency-content-sec .div_4 .sub-p{
        position: relative;
        left: -30px;
        top: 3px;
        }

 }