/* ================= RESPONSIVE ================= */

@media (max-width: 449px) {
  .search_for_trial_sec .form-row{
    display: grid;
  }
}

@media (max-width: 576px) {
  .top_header_link ul li a{
    font-size: 11px;
  }
  .nevbar_sec .navbar-toggler{
    padding: .20rem .60rem !important;
  }
  .nevbar_sec .navbar-toggler-icon {
    width: 1em !important;
    height: 1em !important;
  }
  .hero_sec .carousel-indicators {
    bottom: 25px !important;
  }
  .hero_sec .carousel-indicators button {
    width: 50px !important;
  }
  .footer_right_caption{
    margin-right: 0 !important;
  }
  .visitor_number p{
    text-align: center !important;
  }
  .visitor_number ul{
    justify-content: center;
}
  /* key search sec start */
  .key_search_sec .keyword-search-section {
    padding: 25px 20px;
  }

  .key_search_sec .search-left h2 {
    font-size: 22px;
  }

  .key_search_sec .search-left .captcha-row {
    flex-direction: column;
    gap: 12px;
  }

  .key_search_sec .search-left .captcha-input {
    width: 100%;
  }

  .key_search_sec .search-left .search-btn {
    width: 100%;
  }
  .resources_tab_caption div{
    gap: 10px;
}
.resources_tab_details{
  background: #23376d !important;
}
    .nation_wise_sec::after {
    bottom: -20px;
    height: 58rem !important;
  }
      .main_title_box .main_title {
        font-size: 20px !important;
    }
    .about_sec{
      padding: 50px 0;
    }
  /* key search sec end */

  .hero_slide_left_caption img {
    display: none !important;
  }
  .slider_logo_box ul li img {
    max-width: 90px;
  }
  .hero_slider_box::before {
    height: 36% !important;
  }
  .hero_slide_right_caption {
    margin-top: 2rem !important;
  }
  .hero_right_notification_bor {
    margin-top: 2.5rem !important;
  }
  .key_search_sec .search-left {
    width: 100% !important;
  }
  .nation_map_caption svg {
    height: auto !important;
  }
  .about_sec .about_left{
    text-align: center;
  }
  .how_wrapper{
    margin-top: 20px;
  }
  .sop_box {
    padding: 0px;
  }
  .sop_right_box {
    padding: 10px;
    margin-top: 10px;
  }
  .sop_right_box ul li {
    padding: 6px;
  }
  .partner-item img {
    max-height: 35px !important;
  }
  .row > div:nth-child(1) .footer_link_box,
  .row > div:nth-child(2) .footer_link_box {
    margin-top: 3rem !important;
  }
  .footer_left_caption img {
    max-width: 80px;
  }
  .footer_left_caption::before {
    width: 485px;
    height: 55px;
  }

  .search_for_trial_sec .form-row select, .form-row input::placeholder{
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  .nation_wise_sec .nation_wise_card_box {
    width: 100%;
  }
  .nation_map_caption svg {
    height: 600px;
    width: 100%;
  }
  .nation_wise_sec::after {
    bottom: -20px;
    height: 474px;
  }
  .resources_tab_details {
    margin-top: 10px;
  }
  .hero_slide_right_caption {
    margin-top: 3rem !important;
  }
  .hero_sec .hero_right_notification_caption h3 {
    font-size: 16px !important;
    border: none;
  }
  .hero_slide_detail h1 {
    font-size: 20px !important;
    line-height: 27px !important;
  }
  .hero_slider_box::before {
    width: 100%;
    border-radius: 0px;
    height: 42%;
  }
  .hero_right_notification_bor {
    margin-top: 4rem;
  }
  .hero_sec .hero_right_notification_bor {
    height: auto;
  }
  .hero_sec .carousel-indicators {
    bottom: -25px;
  }
  .e_tutorial_img {
    max-width: inherit !important;
  }
  .about_sec .card_icon span {
    left: 24% !important;
  }
  .about_sec .card_icon span {
    font-size: 15px;
  }
}

@media (max-width: 992px) {
  /* key search sec start */

  .key_search_sec .keyword-search-container {
    flex-direction: column;
    text-align: center;
  }

  .key_search_sec .search-left,
  .key_search_sec .search-right {
    width: 100%;
  }

  .key_search_sec .search-right {
    margin-top: 30px;
  }

  .key_search_sec .search-left .captcha-row {
    justify-content: center;
    flex-wrap: wrap;
  }

  /* key search sec end */

  .about_sec .about_wrapper {
    flex-direction: column;
  }

  .about_sec .about_right {
    flex-direction: column;
  }
  .nevbar_sec {
    position: absolute;
    width: 100%;
    z-index: 15;
    background: #fff;
  }
  .hero_sec {
    position: relative;
    margin-top: 4rem;
  }
  .hero_slide_detail h1 {
    font-size: 25px;
    line-height: 30px;
  }
  .hero_slide_detail p {
    font-size: 14px;
    line-height: 20px;
  }
  .hero_sec .hero_right_notification_caption h3 {
    font-size: 17px;
  }
  .hero_slider_box {
    display: flex;
    align-items: center;
  }
  .key_search_sec .input-group.nav_bar_search_bar {
    max-width: 100%;
  }
  .main_title_box .main_title {
    font-size: 24px;
  }
  .nation_wise_sec .nation_wise_card span {
    font-size: 24px;
  }
  .nation_wise_sec::after {
    bottom: -15px;
    height: 545px;
  }
  .resources_tab_caption .nav-pills .nav-link span {
    font-size: 12px;
  }
  .resources_tab_caption .nav-pills .nav-link {
    padding: 15px 15px;
  }
  .resources_tab_details {
    display: flex;
    height: 100%;
    align-items: center;
    background: aliceblue;
    padding: 20px;
    border-radius: 6px;
  }
  .e_tutorial_img {
    width: 100%;
  }
  .play_btn {
    width: 35px;
    height: 35px;
  }
  .play_icon img {
    width: 12px;
  }
  .sop_left_box h4 {
    font-size: 16px;
    line-height: 22px;
  }
  .sop_right_box h4 {
    font-size: 15px;
    line-height: 22px;
  }
  .sop_right_box ul li img {
    max-width: 30px;
    max-height: 30px;
  }
  .sop_download_detail h5 {
    font-size: 11px;
    line-height: 16px;
  }
  .sop_download_detail p {
    font-size: 11px;
    line-height: 22px;
  }
  .about_sec .card_icon span {
    left: 19%;
  }
  .icon_box {
    left: 8%;
  }
  .step_no {
    font-size: 60px;
  }
  .how_card {
    width: 100%;
    margin: 30px 0 !important;
  }
  .bg_svg_effect_line {
    display: none;
  }
  /* .footer_sec {
    margin-top: 2rem;
  } */
  .partner-bar {
    justify-content: space-between;
  }
  .row > div:nth-child(1) .footer_link_box,
  .row > div:nth-child(2) .footer_link_box {
    margin-top: 6rem;
  }

  .row > div:nth-child(3) .footer_link_box,
  .row > div:nth-child(4) .footer_link_box {
    margin-top: 0;
  }
  .footer_map {
    margin-top: 2rem;
  }
  .nation_wise_sec .nation_wise_card img {
    width: 40px;
    height: 40px;
  }
  .nation_wise_sec .nation_wise_card {
    margin-bottom: 6px;
  }
  .nation_map_caption svg {
    height: 600px;
  }
  .nation_wise_text {
    text-align: center;
  }
  .e_tutorial_card_details {
    padding: 10px;
  }
  .e_tutorial_card_details h5 {
    font-size: 13px;
  }
  .e_tutorial_card_details p {
    font-size: 13px;
    margin: 0px 0 0;
    opacity: 0.9;
  }
  .e_tutorial_arrow {
    width: 20px;
    height: 20px;
  }
  .resources_tab_caption .nav-pills .nav-link .tabs_img img {
    max-height: 30px;
  }
  .about_sec .card_icon img {
    width: 60px;
    height: 60px;
  }
  .partner-item img {
    max-height: 50px;
  }
  .faq_sec .faq_question {
    padding: 10px;
  }
  .faq_sec .faq_question {
    font-size: 14px;
  }
  .faq_sec .faq_icon {
    width: 25px;
    height: 25px;
  }
  .search_for_trial_sec .container {
  margin: 50px auto 0px;
}
}

@media (max-width: 1200px) {
  .nation_wise_sec .nation_wise_card img {
    width: 40px;
    height: 40px;
  }
  /* key search sec start */

  .key_search_sec .search-left {
    width: 60%;
  }
  .key_search_sec .search-right {
    width: 40%;
  }
  /* key search sec end */
  .login_button {
    font-weight: 400 !important;
    font-size: 14px;
    padding: 8px 12px !important;
  }
  .nevbar_sec .navbar-brand img {
    max-width: 115px;
  }
}

@media (max-width: 1249.98px) {
  .nevbar_sec form {
    width: 20%;
  }
  .nevbar_sec .nav_bar_search_bar {
    width: 100%;
  }
  .nevbar_sec .navbar-nav li a {
    font-size: 13px;
  }
  .login_button {
    font-weight: 600;
    font-size: 14px;
    padding: 8px 20px;
  }
}

@media (max-width: 1399.98px) {
  .login_button {
    font-weight: 600;
    font-size: 15px;
    padding: 8px 30px;
  }
  .nevbar_sec .navbar-nav {
    gap: 2px;
  }
  .login_button {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  padding: 8px 15px;
  background: var(--color-button-bg);
}
}