.media_page
{
    
}
.media_page .info
{
    position: relative;
}
.media_page .info 
{
    border-radius: 10px;
    background: #f5f8ff;
    box-shadow: 8px 8px 10px 0 rgb(0 0 0 / 26%);
    overflow: hidden;
    margin-bottom: 30px;
}
.media_page .info .m_div
{
    overflow: hidden;
    transition: all 0.5s;
}
.media_page .info .m_div img
{
        height: 220px;
    object-fit: cover;
    transition: all 0.5s;
}
.media_page .info  .i1
{
    padding: 10px;
}
.media_page .info  .i1 h2
{
        color: #0A0A55;
    font-size: 16px;
    margin: auto;
    margin-bottom: 8px;
    font-weight: 400;
    display: -webkit-box;
    vertical-align: middle;
    text-overflow: ellipsis;
    height: 60px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.media_page .info:hover img
{
        transform: scale(1.05);
}
.media_page .info  .i1 a
{
        color: #fdbc01;
    font-size: 14px;
    font-weight: 600;
}
.media_page .info  .i1 p
{
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 9px;
    color: #4A4A4A;
}

.parsley-errors-list {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.parsley-required {
    color: red !important;
    list-style-type: none !important;
    text-align: left !important;
    font-size: 12px !important;
}
.sidenav {
        height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #0A0A55;
    overflow-x: hidden;
    transition: 0.5s;
    /*padding: 20px;*/
    padding-top: 30px;
}

.sidenav a {
        padding: 8px 12px 8px 16px !important;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
    position: relative;
    text-transform: uppercase;
}
.sidenav .dropdown-menu
{
    background-color: #0A0A55;
        box-shadow: none;
}
.sidenav .navbar-nav {
    align-items: flex-start;
}
.sidenav .navbar-nav .dropdown-menu
{
    position: relative !important;
    transform: none  !important;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav  .border-right {
    border-right: none !important;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
@media screen and (max-width: 767px)
{
	.call_but {
    font-size: 30px;
    cursor: pointer;
    position: fixed;
    right: -69px;
    z-index: 999;
    transform: rotate( 
90deg
 );
    font-size: 12px;
    background: #0A0A55;
    padding: 3px 10px;
    color: #FDBC01;
    top: 140px;
}
    .banner_sec p{
        font-size: 18px;
    }
    .affix .navbar-brand img {
    max-width: 90px !important;
    }
    header .navbar-dark .navbar-brand img {
        max-width: 100px;
    }
    .banner_sec
    {
        height: auto;
        text-align: center;
    }
    .banner_sec .ban_img img
    {
        margin-top: 0;
        height: 229px;
    }
   .dropdown-toggle::after {
        top: 10px;
        right: -10px;
        display: none;
    }
   .banner_sec h2 {
        margin-bottom: 0;
        font-weight: 500;
        position: relative;
        font-size: 26px;
        margin-bottom: 10px;
        color: #FDBC01;
        line-height: 33px;
        display: inline-block;
    }
    .banner_sec h2 br
    {
        display: none;
    }
    .banner_sec .owl-theme .owl-dots
    {
        position: relative;
    }
    .abt_sec h2
    {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .abt_sec .info
    {
        padding: 0;
        width: auto;
        height: auto;
        margin-bottom: 10px;
    }
    .heading
    {
        font-size: 20px;
    }
   .heading_div h3 
   {
       font-size: 30px;
    }
    .how_its_wrk_sec .info img 
    {
        max-width: 38px;
    }
    .how_its_wrk_sec .info .div1 h3 
    {
        font-size: 16px;
    }
    .bott_info h2 {
        font-size: 16px;
    }
    .bott_info .div1, .bott_info .div2, .bott_info .div3 
    {
        height: 50px;
        padding: 15px 0;
    }
    .heading br
    {
        display: none;
    }
    .mr_bt_50 {
        margin-bottom: 35px;
    }
    .offering_sec .element1
    {
        width: 100px;
    }
    .how_its_wrk_sec:before
    {
        top: -16%;
            height: 64px;
    }
    .abt_sec 
    {
        padding: 15px 0 25px 0;
    }
    .offering_sec
    {
        padding: 30px 0;
    }
    .offering_sec .info
    {
        max-width: 100%;
    }
    .offering_sec .info h3
    {
        font-size: 18px;
    }
    .offering_sec .element2
    {
        width: 173px;
    }
     .offering_sec .info h3 br
     {
        display: none;
     }
    .offering_sec:before
    {
        height: 110px;
            background-size: contain;
        /* background-image: linear-gradient(to right, #D0DEDE, #fff); */
        /* border-radius: 100%; */
        top: -36px;
    }
    .offering_sec .off_bottom .info
    {
        text-align: center;
    }
    .offering_sec .info img,.offering_sec .off_bottom .info img {

    }
    .circle 
    {
        padding: 40px 25px;
    }
    .circle h4
    {
        font-size: 20px;
    }
    .circle h4 span 
    {
        font-size: 25px;
    }
    .partner_sec {
        background: #fff;
        padding: 30px 0 30px 0;
    }
    .partner_sec .container-fluid
    {
        padding-right: 15px !important;
        padding-left: 15px  !important;
    }
    .partner_sec .tag_line
    {
        text-align: center;
    }
    .partner_sec .tag_line h2 {
    font-size: 30px;
    }
    .partner_sec .tag_line h3
    {
        font-size: 20px;
    }
    .partner_sec .clogo img
    {
            margin-left: 7px;
        margin-right: 7px;
        margin-bottom: 7px;
        margin-top: 7px;
    }
    .enablers_sec
    {
        text-align: center;
    }
    .logo_div
    {
        padding: 20px 15px;
        margin-top: 10px;
    }
    .enablers_sec .element1 {
        position: absolute;
        width: 100px;
        left: -50px;
    }
    .enablers_sec .element2
    {
        width: 100px;
            right: -25px;
    }
    .enablers_sec .info img {
        max-width: 100px;
        margin-bottom: 10px;
    }
    .enablers_sec .info h2 {
        font-size: 30px;

    }
    .abt_page .a_info h3
    {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .enablers_sec .info h3 {
        font-size: 20px;
        font-weight: 500;
    }
    .testi_sec
    {
        background-image: none;
    }
    .testi_sec h2 {
        font-size: 30px;
        padding-top: 0;
    }
    .testi_sec .testi_info
    {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }
    .mr_bt_30 {
        margin-bottom: 15px;
    }
    footer
    {
        padding: 20px;
    }
    .f_desk
    {
        display: none;
    }
    .footer_form
    {
        width: 100%
    }
    footer .form-control
    {
        margin-right: 0;
        width: 100%;
    }
    .footer_form button
    {
        right: 0;
    }
    .bottom p
    {
        text-align: center !important;
        margin-bottom: 0;
    }
    .bottom .text-right
    {
        text-align:  center !important;
    }
    .inner_page_top_sec
    {
        height: 120px;
    }
    .inner_page_top_sec h2
    {
        font-size: 30px;
    }
    .inner_page_top_sec h2:before
    {
        width: 150px;
        height: 64px;
        position: absolute;
        left: -40px;
        top: -14px;
    }
    .abt_page
    {
        padding-bottom: 30px;
    }
    .abt_page .element1
    {
        display: none;
    }
    .abt_page .a_info
    {
        text-align: center;
    }
    .qoate_text img
    {
        display: none;
    }
    .qoate_text .info
    {
        transform: none;
        top: auto;
        left: auto;
        position: relative;
        padding: 0;
    }
    .abt_page .element2 {
        position: absolute;
        max-width: 70px;
    }
    .team_sec .team_info
    {
        text-align: center;
    }
    .team_sec .team_info img
    {
        max-width: 150px;
        margin: auto;
    }
    .team_sec .team_info h3
    {
         margin-top: 0px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .team_sec .team_info a
    {
        margin: auto;
    }
    .team_sec .team_info p
    {
        text-align: center;
    }
    .team_sec.bg_grey {
    padding-bottom: 50px;
    }
    .leader_team:before
    {
        height: 80px;
        top: -70px;
    
    }
    .team_sec .element1 {
        position: absolute;
        left: -39px;
        width: 100px;
        top: 10%;
    }
    .team_sec .element2 {
        position: absolute;
        right: -55px;
        width: 100px;
    }
    .why_top_info
    {
        margin-top: 0;
    }
    .whyus_page_middle
    {
        padding-top: 30px;
    }
    .whyus_page_middle:before
    {
        height: 60px;
        top: -60px
    }
    .whyus_page_middle .element1, .whyus_page_middle .element2, .whyus_page_middle .element3
    {
        display: none;
    }
    .whyus_sec .info p img {
        max-width: 20px;
        }
        .whyus_page_middle .info p
    {
        padding-left: 40px;
    }
    .whyus_sec .dashed
    {
        margin-top: 0;
    }
    .solution_page .solution_info
    {
        /*text-align: center;*/
    }
    .solution_page .solution_info img
    {
        width: 200px;
        height: 150px;
        object-fit: contain;
        margin:auto;
    }
    .solution_page .element2
    {
        max-width: 85px;
        left: 0;
    }
    .sol_middle_sec .element {
        position: absolute;
        width: 61px;
        left: 0%;
        top: 44px;
    }
    /*.sol_middle_sec .solution_info {*/
    /*    position: absolute;*/
    /*    top: 50%;*/
    /*    left: 50%;*/
    /*    -webkit-transform: translate(-50%, -50%);*/
    /*    -ms-transform: translate(-50%, -50%);*/
    /*    transform: translate(-50%, -45%);*/
    /*    padding: 15px 30px;*/
    /*    width: 100%;*/
    /*    HEIGHT: 100%;*/
    /*}*/
    .sol_middle_sec
    {
        padding-bottom: 60px;
    }
    .sol_middle_sec .col-lg-4
    {
        margin-bottom: 20px;
    }
    .sol_partner_sec {
        position: relative;
        background: #F7F7F7;
    }
    .sol_partner_sec:before
    {
        height: 60px;
        top: -60px
    }
    .margin_bt {
        margin-bottom: 30px;
    }
    .partner_sec.sol_partner_sec .nav-pills .nav-item {
        width: 50%;
        margin: 0;
        text-align: center;
    }
    .partner_sec .nav-pills .nav-link
    {
        width: 100%;
            padding: 9px 20px;
    }
    .sol_partner_sec .mr_bt_50
    {
        margin-bottom: 0;
    }
    .solution_page .element1
    {
        display: none;
    }
    .partners_testi
    {
        background-image: none;
        height: auto;
        margin: 0;
        text-align: center;
    }
    .how_its_wrk_page
    {
        margin-top: 0;
    }
    .hwt_hesaathis h3 {
        font-size: 30px;
        margin-bottom: 0}
        .qoate
        {
            text-align: center;
        }
    .qoate:before 
    {
        height: 80px;
    }
    .offering_sec.what_hes_sec .element1
    {
       display: none;
    }
    .offering_sec.what_hes_sec .info img {
        max-width: 126px;
        margin: auto;
        margin-bottom: 10px;
        height: auto;
        object-fit: contain;
    }
    .case_study_sec1 h2 {
        font-size: 24px;
    }
    .case_study_sec1 .info
    {
        text-align: center;
    }
    .case_study_sec2 .element {
        position: absolute;
        width: 63px;
        left: -2%;
        top: 22px;
    }
    .case_study_sec2 h2 {
        font-size: 16px;
    }
    .case_study_sec2 .solution_info
    {
        padding: 20px;
    }
    .case_study_sec2 .sol_div .c_logo {
    max-width: 120px;
    }
    .case_study_sec2
    {
        padding: 30px 0;
    }
    .abt_sec .element1 {
        position: absolute;
    width: 138px;
    left: -81px;
    top: -21px;
    }
    .abt_sec .element2 {
    position: absolute;
    width: 100px;
    right: -54px;
    top: 34%;
    /* transform: rotate( 
    -193deg
     ); */
    }
    .contact_page .element1 {
        width: 100px;
        left: -37px;
        }
        .contact_page .element2 {
      display: none;
    }
    .inner_page_top_sec p {
        font-size: 16px;
    text-align: center;
    }
    .inner_page_top_sec .top_img {
        height: 165px;
        object-fit: contain;
    }
    .career_page:before
    {
            height: 60px;
        background-size: cover;
        /* background-image: linear-gradient(to right, #D0DEDE, #fff); */
        /* border-radius: 100%; */
        top: -60px;
    }
    .career_page
    {
        padding: 0 0 30px 0;
    }
    .career_page .card-header a.card-link {
        color: #0A0A55;
    font-size: 17px;
    margin-bottom: 10px;
    }
    .career_page .card-header {
    padding: 10px 10px 15px 0;}
    .career_page .card-header .apply_now
    {
        position: relative;
        top: auto;
    }
    .career_page .card-link[data-toggle="collapse"]:after
    {
        right: 0;
    top: 7px;
    }
    .career_page #accordion
    {
        margin-bottom: 20px;
    }
    .career_bottom h3 {
    font-size: 16px;
    }
    .team_sec .team_info .social_link a
    {
        margin: inherit;
    }
    .social_link
    {
        justify-content: center;
    }
    .w_info
    {
        margin-bottom: 20px;
    }
    .w_info p
    {
        font-size: 16px;
    }
    
}

@media (min-width: 768px) and (max-width: 991px)
{
    .banner_sec
    {
        height: auto;
        text-align: center;
    }
    .banner_sec h2
    {
        font-weight: 400;
        position: relative;
        font-size: 34px;
        margin-bottom: 10px;
    }
    .banner_sec p {
        max-width: 100%;
    }
    .offering_sec .off_bottom .info
    {
        text-align: center;
    }
    .partner_sec .tag_line {
        max-width: 100%;
        padding: 0 10%;
        text-align: center;
        margin-bottom: 30px;
    }
    .enablers_sec
    {
        text-align: center;
    }
    .enablers_sec .info h2 {
    font-size: 34px;
    }
    .inner_page_top_sec 
    {
        height: 150px;
    }
    .abt_page
    {
        text-align: center;
    }
    .qoate_text .info
    {
            position: relative;
    padding: 0;
    transform: none;
    top: auto;
    left: auto;
    }
    .qoate_text img
    {
        display: none;
    }
    .team_info img
    {
        height: 200px;
    object-fit: contain;
    }
    .whyus_page_middle .element1, .whyus_page_middle .element2, .whyus_page_middle .element3
    {
        display:  none;
    }
    .w_info {
    text-align: center;
    margin-bottom: 30px;
    }
    .solution_info img
    {
        height: 200px;
        object-fit: contain;
    }
    .sol_middle_sec .sol_div{
        display: block;
    }
    .sol_middle_sec  .col-lg-4
    {
        margin-bottom: 30px;
    }
    .contact_details
    {
        max-width: 324px;
    margin: auto;
    }
    .whyus_sec{
        text-align:center; 
    }
    .how_its_wrk_page
    {
        margin-top: 19px;
    }
    .case_study_sec1 .info img {
        margin-bottom: 15px;
        height: 300px;
        object-fit: contain;
    }.case_study_sec2 .sol_div
    {
        height: auto;
    }
    .partners_testi img {
    max-width: 97px;
    margin: auto;
}
.partners_testi{
    text-align: center;
    background-image: none;
}
}

@media screen and (min-width: 768px)
{
    .f_desk
    {
        display: block;
    }
    footer #accordion
    {
        display: none;
    }
    .d_mobile_none
    {
        display: block;
    }
  .mobile_but
  {
    display: none;
  }
  
}
@media (min-width: 992px) and (max-width: 1200px)
{
  .case_study_sec2 .sol_div
  {
      height: 319px;
  }
}
@media screen and (min-width: 992px)
{
    .abt_sec .col-lg-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
}
@media screen and (max-width: 1199px)
{
  
}
@media screen and (min-width: 1200px)
{
  
}

@media only screen and (min-width:1500px)
{
   .partners_testi
   {
        height:300px;
   }
   .partners_testi img {
    max-width: 180px;

}
}