.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content: "\e114";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
    color: grey;
    /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";
    /* adjust as needed, taken from bootstrap.css */
}

.faq-section {
    width: 100%;
    position: relative;
    /*background-color: #fff;*/
    /* float: left;*/
}

.faq-heading {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 25px;
}

.faq-wapper {
    width: 100%;
    position: relative;
    text-align: center;
    color: rgb(28 105 151);
    font-weight: 800;
}

.faq-accordion-section {
    width: 100%;
    position: relative;
    float: left;
}

.panel {
    border: none !important;
    background-color: rgb(243 243 243) !important;
    margin-bottom: 10px !important;
}

.panel-group {
    border: none !important;
}

.accordion-toggle {
    color: rgb(28 105 151) !important;
}

.panel-title {
    font-weight: bold;
    color: rgb(28 105 151) !important;
    font-size: 22px !important;
    padding: 10px !important;
}

.panel-body {
    color: #000 !important;
    border-top: none !important;
    font-size: 17px !important;
    padding: 30px !important;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fff !important;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: rgb(28 105 151) !important;
}

a:focus {
    outline-offset: 0px !important;
    outline: none !important;
}

.for_bg {
    background-color: #f5f5f5bd !important;
}

  /* case study css start */
  .case-study-section{
    padding-top: 40px !important;
    padding-bottom: 40px !important;

  }
  .case-study-box{
            border: 1px solid white;
            margin:0px;
            padding-bottom: 50px !important;
            box-shadow: 10px 20px 40px -17px #333;
        }
        .case-study-left{
            text-align: left;
            padding-left: 2rem;
        }

        .case-study-sec{
            padding-bottom:3.3rem !important;
        }

       
        .case-study-img{
        padding-top: 1rem;
        padding-left: 0;
        height: 8rem;
        }
        .case-study-left{
          text-align: center;
          padding:0;
          background-color: white;
        }

        .case-study-heading{
            font-size: 18px;
            font-weight: bold ;
            text-align: center;
            padding: 25px 0px 0px 0px;
            line-height: 23px;
            color: grey;
        }

        .case-study-content{
            background-color: #fff;
        }

        .case-study-para{
            font-size: 16px;
            color: black !important;    
            padding: 23px 22px 24px 38px;
            margin-bottom: 0px;
            text-align: justify;
        }
        .read-btn{
            margin-right: 0rem; margin-top:2rem;
        }

      .read-a{
        text-decoration: none;
        background-color: rgb(0, 107, 141);
        color: white;
        text-transform: capitalize;
        font-size: 20px;
        border-radius: 8px;
        
     }
    

      
        /* case study css end */

        .hover:hover{
           color: white !important;
        }


/* =======================media query======================================== */


@media (max-width:600px) {
    .title-section h4 {
        font-size: 18px !important;
    }
}

@media (max-width:1200px) {
    .modal-content-pay {
        position: absolute;
        top: 55% !important;
        left: 50%;
    }
}

@media (max-width:370px) {
    .custom-text {
        font-size: 13px !important;
    }
    .budget-manage{
        margin-bottom: -14px;
    }
    .btn-center{
        text-align: center;
    }
    .demo-btn-1 {
        padding: 10px 15px 10px 15px !important;
        font-size: 15px !important;
    }
    .demo-btn-img {
        height: 38px !important;
        margin-top: 3px !important;
    }
    .modalbtn {
        top: 0px;
    }

}

/* ============================== mobile view====================================== */
@media (max-width: 767px) {
    h1 {
        text-align: center !important;
        font-size: 27px !important;
        margin-bottom: 20px;
    }
    .btn-center{
        text-align: center;
    }

    .widgets-section {
        text-align: center;
    }

    .you-are {
        text-align: center;
        font-size: 28px !important;
        font-weight: bold;
    }

    #small-price-plan {
        display: block;
    }

    #big-price-plan {
        display: none;
    }

    .bd-btn {
        float: none !important;
    }

    .award-wrapper img {
        width: 65%;
    }

    .accordion {
        font-size: 16px;
    }

    .bd-color {
        font-size: 18px !important;
    }

    .panel p {
        font-size: 13px !important;
    }

    .frequent {
        font-size: 26px !important;
    }

    .p-change {
        font-size: 18px !important;
        line-height: 1.5em !important;
        text-align: center !important;
    }

    .h1-plans {
        font-size: 26px !important;

    }

    .choose-plan {
        font-size: 21px;
    }

    .accordion {
        font-size: 16px !important;
    }

    .pro-h1 {
        font-size: 26px !important;
    }

    .inner-box p {
        font-size: 18px !important;
        line-height: 1.4em;
    }

    .h1-change {
        font-size: 26px !important;
        text-align: center !important;
    }

    .tya-wrapper h2 {
        font-size: 26px !important;
    }

    .tya-wrapper p {
        font-size: 18px !important;
        line-height: 1.5em !important;
    }

    .custom-card1 .title-section {
        margin-top: 15px;
    }

    .custom-card2 .title-section {
        margin-top: 15px;
    }

    .custom-card3 .title-section {
        margin-top: 15px;
    }

    .custom-card1 .pad-text {
        margin-top: 13px !important;
    }

    .pad-text-mar {
        margin-bottom: 12px !important;
    }

    .text h3 {
        font-size: 23px;
    }
    .order1 {
            order: 2 !important;
        }

    .order2 {
        order: 1 !important;
    }

    .media-case-box{
        margin-bottom:30px;
    }

}



/* =============================== tablet view==================================== */

@media (max-width:991px) and (min-width:768px) {
    .h1-change {
        text-align: center;
        font-size: 32px !important;
    }

    .text h3 {
        font-size: 23px;
    }

    .bd-btn {
        float: none !important;
    }

    .accordion {
        font-size: 20px !important;
    }

   
    #small-price-plan {
        display: block;
    }

    #big-price-plan {
        display: none;
    }

    .btns-box {
        margin: 0 auto;
        display: contents;
    }

    .panel p {
        font-size: 16px !important;
    }

    .h1-plans {
        font-size: 32px !important;

    }

    .choose-plan {
        font-size: 23px;
    }

    .frequent {
        font-size: 32px !important;
    }

    .bd-color {
        font-size: 22px !important;
    }

    .pro-h1 {
        font-size: 32px !important;
    }

    h1 {
        text-align: center !important;
        font-size: 32px !important;
    }

    .inner-box p {
        font-size: 18px !important;

    }

    .you-are {
        text-align: center;
        font-size: 32px !important;
        font-weight: bold;
    }

    .tya-wrapper h2 {
        font-size: 32px !important;
    }

    .tya-wrapper p {
        font-size: 18px !important;
        line-height: 1.5em !important;
    }

    .p-change {
        text-align: center !important;
        font-size: 18px !important;
    }

    .tya-wrapper h2 {
        font-size: 32px !important;
    }

    .tya-wrapper p {
        font-size: 18px !important;
    }

    .order1 {
            order: 2 !important;
        }

    .order2 {
        order: 1 !important;
    }
}