h1.main_heading.mobile {
  display: none;
}
/* media */
@media (min-width: 1441.98px) {
  .container {
    max-width: 1360px;
    padding: 0px;
  }
  h2 {
    font-size: 45px;
  }

  p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    text-align: justify;
    color: #5f6368;
  }
}

@media (min-width: 1680.98px) {
  .container {
    max-width: 1580px;
    padding: 0px;
  }

  .relatedpost_slider {
    /* width: calc(100% - 190px); */
  }

  .errorpage_section .hero_caption_wrap h1 {
    font-size: 180px;
  }

  .errorpage_section p {
    font-size: 3.4rem;
  }

  .hero_caption_wrap img {
    max-width: 950px;
  }
}

@media (max-width: 1680px) {
  .main_heading {
    font-size: 6.2rem;
  }

  .ranking_site span {
    top: -60px;
    left: -0px;
    font-size: 100px;
  }

  /* .topwebsite_img img {
        max-width: 570px;
        height: 320px;
    } */

  .business_outer ul {
    gap: 50px;
  }

  .business_outer {
    gap: 85px;
  }

  .business_outer ul li {
    font-size: 1.8rem;
  }

  .blog_left .blogcontent_card img {
    height: 440px;
  }

  .blog_heading h4 {
    font-size: 2.5rem;
  }

  .bread_crumb ul li,
  .bread_crumb ul li + li:before {
    font-size: 2.5rem;
  }

  .headblog_section h1 {
    font-size: 4.8rem;
  }

  .relatedpost_slider h2 {
    font-size: 4.8rem;
  }

  .relatedposts_card img {
    height: 320px;
  }

  .contactus_form {
    /* background-size: 60% 100%; */
  }

  .heading_bold {
    font-size: 5.2rem;
  }
}

@media (min-width: 1920.98px) {
  .container {
    max-width: 1900px;
    padding: 0px;
  }
}
@media (max-width: 1560px) and (min-width: 1442px) {
  .banner_imgsection::after {
    right: -53px;
  }
}
@media (max-width: 1440px) {
  .btn {
    padding: 20px 34px;
    white-space: nowrap;
  }

  .main_heading {
    font-size: 5.2rem;
  }

  .heading_bold {
    font-size: 4.6rem;
  }

  .banner_desc {
    font-size: 1.8rem;
    max-width: 538px;
  }

  .banner_imgsection::after {
    top: 30px;
    right: -82px;
    width: 230px;
    height: 230px;
  }
  .banner_imgsection::before {
    bottom: 40px;
    left: -65px;
    width: 180px;
    height: 180px;
  }

  .business_left h3 {
    font-size: 3rem;
  }

  span.buss_icon {
    min-width: 50px;
    height: 50px;
  }

  .topwebsites_head h2,
  .contact_left h2,
  .faq-head h2,
  .topwebsites_inner h2 {
    font-size: 4.8rem;
  }

  .ranking_site span {
    top: -50px;
    left: -0px;
    font-size: 85px;
  }

  .para {
    font-size: 1.6rem;
  }
  /* 
    .topwebsite_img img {
        max-width: 510px;
        height: 285px;
    } */

  .topwebsites_cards {
    gap: 80px;
  }

  label {
    font-size: 1.8rem;
  }

  .contact_right .form_inner {
    padding: 50px 40px;
  }

  .contact_left p {
    font-size: 1.8rem;
    margin: 10px 0 24px;
  }

  .contact_left h4 {
    font-size: 2.6rem;
  }

  .contactus_form .form-group {
    margin: 0 0 22px;
  }

  .acc__title {
    font-size: 2rem;
  }

  .acc__card {
    padding: 42px 0;
  }

  .descB {
    font-size: 1.6rem;
  }

  .acc__title::after {
    width: 24px;
    height: 24px;
  }

  .footer_col h4 {
    font-size: 2rem;
  }

  .about_banner_image {
    max-width: 510px;
  }

  .about_banner_content {
    width: calc(100% - 510px);
  }

  .check_icon {
    max-width: 24px;
  }

  .description p {
    font-size: 1.8rem;
  }
  .description {
    font-size: 1.8rem;
  }
  .errorpage_section .hero_caption_wrap h1 {
    font-size: 120px;
  }

  .errorpage_section p {
    font-size: 2.5rem;
  }

  .errorpage_section .btn {
    font-size: 1.8rem;
  }

  .hero_caption_wrap img {
    margin: 50px 0 0;
    max-width: 600px;
  }

  .contactus_section h2 {
    font-size: 2.8rem;
    margin: 0 0 40px;
  }

  .contactus_section .form_inner {
    max-width: 680px;
    padding: 35px 40px 50px;
  }

  .contactus_section h2 {
    font-size: 2.4rem;
    margin: 0px 0 34px;
  }

  .termsof_use_section .h3 {
    font-size: 24px;
  }

  .eligibility_right {
    padding: 26px 0 26px 60px;
  }

  .website_readmore a {
    padding: 16px 30px;
  }

  .business_outer ul li {
    font-size: 1.6rem;
  }

  .business_outer {
    gap: 70px;
  }

  .business_outer ul {
    gap: 45px;
  }

  .business_outer {
    padding: 52px 70px 52px 70px;
  }

  .form-control {
    font-size: 1.5rem;
    height: 45px;
  }

  .form_inner textarea {
    min-height: 100px;
  }

  .bread_crumb ul li,
  .bread_crumb ul li + li:before {
    font-size: 2.2rem;
  }

  .blog_left .blogcontent_card img {
    height: 360px;
  }

  .blogabout_section {
    gap: 36px;
  }

  .blog_heading h4 {
    font-size: 2.2rem;
  }

  .innercontentblog_section {
    gap: 60px;
  }

  .blog_heading {
    width: 48%;
  }

  .blog_decscription {
    width: 52%;
  }

  .posts-section ul.posts-lists li a span {
    font-size: 1.6rem;
  }

  .blogcontent_card {
    margin: 0 0 60px;
  }

  .headblog_section h1 {
    font-size: 4rem;
  }

  .headblog_section ul.bussiness_date {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }

  .sub-head {
    font-size: 3.2rem;
  }

  .nav-right a.btn.full_btn {
    padding: 16px 32px;
  }

  .contactus_section label {
    font-size: 1.6rem;
  }

  .contactus_form {
    /* background-size: 65% 100%; */
  }

  .contactus_section p,
  .callus_email_section p {
    font-size: 1.8rem;
  }

  .callus_email_section h4 {
    font-size: 2.2rem;
    line-height: 145%;
  }

  .callus_email_section {
    padding: 45px 0 70px;
    gap: 130px;
  }

  .contact_icons {
    width: 24px;
    height: 26px;
  }

  .contactus_section p,
  .callus_email_section p {
    font-size: 1.6rem;
  }

  .callus_email_section h4 {
    font-size: 2rem;
    line-height: 124%;
  }

  .contactus_form {
    /* background-size: 70% 100%; */
  }

  .blogimage_card img {
    height: 225px;
  }

  .share_article span {
    font-size: 2.2rem;
    margin: 0 32px 0 0;
  }

  .previous_posts ul li img {
    width: 60px;
    height: 60px;
  }

  .previous_posts ul li a {
    font-size: 2rem;
  }

  .previous_posts ul li {
    gap: 25px;
    padding: 20px 0;
  }

  .banner_imgsection {
    height: 480px;
  }
}

@media (max-width: 1366px) {
  .container {
    max-width: 1180px;
  }
}

@media (max-width: 1280px) {
  .navbar-brand {
    font-size: 20px;
  }

  .overview-section h1{
    font-size: 48px;
    line-height: 150%;
  }

  .tree-wrapper .box-wrapper{
    height: 200px;
    width: 200px;
  }

  .tree-wrapper .box-wrapper p{
    font-size: 18px;
  }

  .cards-wrapper{
    padding: 0px !important;
  }
  

  .banner_imgsection img {
    max-width: 540px;
  }

  .banner_imgsection,
  .banner_content {
    width: 50%;
  }

  .main_heading,
  .heading_bold {
    font-size: 4.4rem;
  }

  .banner_content .main_heading {
    max-width: 500px;
  }

  .banner_imgsection::after {
    right: -50px;
    width: 180px;
    height: 180px;
  }

  .banner_imgsection::before {
    left: -50px;
    width: 140px;
    height: 140px;
  }

  .banner_section {
    padding: 140px 0 80px;
  }

  .section {
    padding: 80px 0 0;
  }
  .aletrmind_section {
    padding-bottom: 80px;
  }

  .business_outer {
    padding: 40px 30px;
  }

  .business_left h3 {
    font-size: 2.6rem;
  }

  .topwebsites_head h2,
  .contact_left h2,
  .faq-head h2,
  .topwebsites_inner h2 {
    font-size: 4rem;
  }

  .business_outer {
    gap: 60px;
  }
  /* 
    .topwebsite_img img {
        max-width: 480px;
        height: 260px;
    } */

  .ranking_site span {
    top: -38px;
    left: -0px;
    font-size: 68px;
  }

  .topwebsites_cards {
    padding: 85px 0px 85px;
  }
  .topwebsites_cards.rankbg_card {
    padding: 85px 20px 85px;
  }
  .form_inner textarea {
    min-height: 100px;
  }

  .inner_contect_section {
    gap: 20px;
    padding: 80px 0 65px;
  }

  label {
    font-size: 1.6rem;
    margin: 0 0 12px;
  }

  .contact_left p {
    font-size: 1.6rem;
    margin: 14px 0 24px;
  }

  .contact_left h4 {
    font-size: 2.2rem;
  }

  .send_mail {
    font-size: 1.6rem;
  }

  .contact_right .form_inner {
    padding: 38px 32px;
  }

  .faq-head {
    max-width: 900px;
  }

  .footer_col.col_one a img {
    max-width: 264px;
    width: 100%;
  }

  .innerfooter_section {
    max-width: 1080px;
  }

  .footer_col.col_two {
    width: 10%;
  }

  .innerfooter_section {
    max-width: 980px;
    padding: 80px 0 50px;
  }

  .footer-bottom {
    padding: 30px 0 40px;
  }
  /* .eligibility_section {
        padding: 80px 0 80px;
    } */

  .topwebsites_cards {
    gap: 60px;
  }

  .about_banner_wrapper {
    gap: 60px;
  }

  .about_banner_image {
    max-width: 420px;
  }

  .about_banner_content {
    width: calc(100% - 420px);
  }

  .hero_caption_wrap img {
    max-width: 480px;
  }

  .errorpage_section .hero_caption_wrap h1 {
    font-size: 92px;
  }

  .errorpage_section p {
    font-size: 2rem;
  }

  .errorpage_section .btn {
    padding: 14px 36px;
  }

  .website_readmore a.contact_btnicon {
    width: 42px;
    height: 42px;
  }
  .privacy_section .main_heading {
    margin: 0 0 40px;
  }

  .privacy_section .h3 {
    font-size: 24px;
  }

  .termsof_use_section .description p {
    margin: 0 0 18px;
  }
  .termsof_use_section .description {
    margin: 0 0 18px;
  }
  .website_readmore a {
    padding: 14px 24px;
    font-size: 1.5rem;
    line-height: 120%;
  }

  .website_readmore a.contact_btnicon img {
    width: 16px;
    height: 16px;
  }

  .blogabout_section {
    gap: 15px;
  }

  .blog-right-cards h4 {
    font-size: 2.6rem;
  }

  .contentblog_section {
    padding: 80px 0;
  }

  .blog_left {
    width: calc(100% - 350px);
  }

  .blog_right {
    max-width: 350px;
  }

  .innercontentblog_section {
    gap: 40px;
  }

  .bread_crumb ul li,
  .bread_crumb ul li + li:before {
    font-size: 2rem;
  }

  .navbar-collapse .navbar-nav {
    gap: 48px;
  }

  .contactus_form {
    padding: 60px 0;
    /* background-size: 68% 100%; */
  }
}

@media (max-width: 1279.98px) {
  .container {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
  .navbar-collapse {
    gap: 25px;
  }
  .nav-right {
    gap: 8px;
  }
  .nav-right li a {
    padding: 12px 28px;
  }
  .navbar-collapse .navbar-nav {
    gap: 40px;
  }
  .about_banner_image {
    width: 400px;
  }
  .list li p {
    font-size: 1.8rem;
    /* font-weight: 300; */
  }
  .list li {
    font-size: 1.8rem;
  }
  .banner_wrapper {
    gap: 22px;
  }

  .banner_imgsection::after {
    right: -30px;
  }

  .contact_left {
    width: 46%;
  }

  .contact_right {
    width: 54%;
  }

  .contact_right .form_inner {
    padding: 38px 24px;
  }

  .banner_imgsection img {
    max-width: 540px;
  }

  .nav-right a.btn.full_btn {
    padding: 14px 26px;
  }

  .navbar-collapse .navbar-nav {
    gap: 32px;
  }
  .headblog_section h1 {
    font-size: 3.6rem;
  }

  .blogimage_card img {
    width: 45%;
  }

  .relatedpost_slider h2 {
    font-size: 3.6rem;
  }

  .singlepost_description .sub-head {
    font-size: 3rem;
  }
}

@media (max-width: 1024px) {
  .navbar-brand img {
    max-width: 205px;
  }

  .main_heading,
  .heading_bold {
    font-size: 3.8rem;
  }

  .banner_desc {
    font-size: 1.6rem;
  }

  .banner_wrapper {
    gap: 15px;
  }

  .banner_imgsection img {
    max-width: 450px;
  }

  .banner_imgsection::before {
    left: -30px;
  }

  .business_left {
    max-width: 100%;
  }

  .business_outer ul li p {
    max-width: 100%;
  }

  .business_outer {
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  span.buss_icon {
    min-width: 40px;
    height: 40px;
  }

  .topwebsites_head h2,
  .contact_left h2,
  .faq-head h2,
  .topwebsites_inner h2 {
    font-size: 3.6rem;
  }

  .acc__card {
    padding: 34px 0;
  }

  .footer_col.col_one a img {
    max-width: 220px;
    width: 100%;
  }

  .ranking_site span {
    top: -30px;
    left: -0px;
    font-size: 56px;
  }
  /* .topwebsite_img img {
        max-width: 380px; 
        height: 210px; 
    } */

  .business_outer {
    padding: 32px 16px;
  }

  .topwebsites_cards {
    padding: 75px 0px 75px;
  }
  .topwebsites_cards.rankbg_card {
    padding: 75px 20px 75px;
  }
  .topwebsites_cards {
    gap: 40px;
  }

  .about_banner_wrapper {
    gap: 50px;
  }

  .contactus_section h2 {
    font-size: 2.2rem;
  }

  .privacy_section .h3 {
    font-size: 22px;
  }

  .privacy_section .main_heading {
    margin: 0 0 30px;
  }

  .termsof_use_section .h3 {
    font-size: 20px;
    margin-bottom: 36px;
  }

  span.buss_icon img {
    width: 30px;
    height: 30px;
  }

  .blogabout_section {
    flex-direction: column;
  }

  .blog_heading,
  .blog_decscription {
    width: 100%;
  }

  .blog_left .blogcontent_card img {
    height: 300px;
  }

  .blog-right-cards h4 {
    font-size: 2.4rem;
  }

  .contentblog_section {
    padding: 60px 0;
  }
  .bread_crumb ul li,
  .bread_crumb ul li + li:before {
    font-size: 1.8rem;
  }

  .contact_icons {
    width: 20px;
    height: 22px;
  }

  .singlepost_description p {
    font-size: 1.6rem;
    margin: 0px 0 30px;
  }

  .headblog_section ul.bussiness_date {
    padding-bottom: 35px;
    margin-bottom: 35px;
  }

  .banner_imgsection {
    height: 395px;
  }
}

@media (max-width: 992px) {
  .banner-content {
    width: auto !important;
  }

  .footer_col.col_two {
    width: 30%;
  }
  .about_banner_image {
    max-width: 384px;
  }
  .about_banner_wrapper {
    gap: 30px;
  }
  .image-top {
    max-width: 280px;
  }
  .image-bottom {
    max-width: 220px;
    bottom: 60px;
  }
  .innerfooter_section {
    flex-wrap: wrap;
    gap: 48px 48px;
  }
  .image-top::before {
    right: -60px;
    top: 100px;
  }
  .footer_col h4 {
    font-size: 2rem;
  }

  .footer_col.col_one p,
  .footer_col.col_one {
    max-width: 100%;
    width: 100%;
  }

  .footer_col.col_three {
    width: 50%;
  }

  .innerfooter_section {
    gap: 38px 38px;
    padding: 60px 0 50px;
  }

  .footer_col h4 {
    margin: 0 0 30px;
  }

  .banner_imgsection::before {
    width: 110px;
    height: 110px;
  }

  .banner_imgsection::after {
    width: 140px;
    height: 140px;
  }

  .website_readmore a {
    font-size: 1.4rem;
    white-space: nowrap;
    line-height: 140%;
  }

  .inner_contect_section {
    gap: 20px;
    padding: 60px 0 60px;
  }

  .website_readmore {
    gap: 12px;
  }

  .website_readmore a.contact_btnicon img {
    width: 15px;
    height: 15px;
  }

  .website_readmore a.contact_btnicon {
    width: 40px;
    height: 40px;
  }

  .blogpost_section {
    height: 600px;
  }

  .contactus_form {
    background: #2c01d5 url(../../images/contact_gridbg.png) no-repeat;
    background-size: cover;
    background-position: center;
  }

  .contactus_section .form_inner {
    margin: 0 auto;
    border-radius: 15px;
    max-width: 700px;
  }

  .contactus_section h2 {
    margin: 0px 0 25px;
  }

  .callus_email_section {
    gap: 80px;
  }

  .callus_email_section {
    padding: 35px 0 60px;
  }

  .share_article span {
    font-size: 1.8rem;
  }
}

@media (max-width: 991.98px) {
  /* .eligibility_section.section {
        padding: 60px 0 60px;
    } */
  .about_banner_image {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .background {
    padding: 60px 0;
  }
  .about_banner_content {
    width: 100%;
  }
  .navbar-toggler:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-toggler-icon {
    position: relative;
    /* border-bottom: 2px solid #120D34; */
  }

  .navbar-toggler-icon:before,
  .navbar-toggler-icon:after {
    /* position: absolute; */
    content: "";
    left: 0;
    width: 40%;
    background: #120d34;
    height: 2px;
    top: 0;
    border-radius: 4px;
  }

  .navbar-toggler .navbar-toggler-icon:after {
    width: 0;
    height: 0;
  }

  .navbar-toggler.active .navbar-toggler-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 0;
  }
  .navbar-toggler.active .navbar-toggler-icon:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 100%;
    top: 50%;
  }
  .navbar-toggler.active .navbar-toggler-icon:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 50%;
    width: 100%;
  }

  .navbar-toggler.active .navbar-toggler-icon:after {
    width: 100%;
    height: 2px;
  }

  .navbar-collapse.active {
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    left: -20px;
  }
  .navbar-toggler-icon:before {
    top: 0;
    width: 100%;
  }

  [aria-expanded="true"] .navbar-toggler-icon {
    background-image: url('data:image/svg+xml,<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M37.6882 32.0492L62.8592 6.87715C63.2412 6.50816 63.5459 6.06679 63.7556 5.57877C63.9652 5.09075 64.0755 4.56588 64.0802 4.03476C64.0848 3.50364 63.9836 2.97692 63.7824 2.48534C63.5813 1.99375 63.2843 1.54714 62.9087 1.17157C62.5332 0.796001 62.0865 0.498989 61.595 0.297865C61.1034 0.0967417 60.5767 -0.00446424 60.0455 0.000151028C59.5144 0.00476629 58.9895 0.115111 58.5015 0.324747C58.0135 0.534383 57.5721 0.839113 57.2031 1.22115L32.0312 26.3922L6.86015 1.22115C6.10727 0.484804 5.09437 0.0750685 4.04127 0.0808681C2.98817 0.0866677 1.97985 0.507534 1.23512 1.25213C0.490393 1.99673 0.0693504 3.00498 0.0633646 4.05807C0.0573788 5.11117 0.466934 6.12414 1.20315 6.87715L26.3752 32.0492L1.20315 57.2211C0.824922 57.5911 0.523835 58.0324 0.317322 58.5194C0.11081 59.0065 0.00297422 59.5297 6.06617e-05 60.0588C-0.00285289 60.5878 0.0992136 61.1122 0.300349 61.6015C0.501484 62.0908 0.797691 62.5354 1.17182 62.9095C1.54595 63.2835 1.99057 63.5797 2.47994 63.7807C2.9693 63.9818 3.49369 64.0838 4.02274 64.0807C4.55178 64.0777 5.07497 63.9698 5.56202 63.7632C6.04907 63.5566 6.4903 63.2554 6.86015 62.8772L32.0312 37.7062L57.2031 62.8772C57.9841 63.6582 59.0082 64.0492 60.0312 64.0492C61.0542 64.0492 62.0792 63.6582 62.8592 62.8772C63.609 62.127 64.0303 61.1098 64.0303 60.0492C64.0303 58.9885 63.609 57.9713 62.8592 57.2211L37.6882 32.0492Z" fill="%23280000" fill-opacity="0.54902"/></svg>');
  }

  [aria-expanded="true"] .navbar-toggler-icon:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 100%;
  }

  [aria-expanded="true"] .navbar-toggler-icon:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    top: 50%;
    width: 100%;
  }
  .navbar-toggler-icon {
    padding: 0;
    width: 40px;
    height: 20px;
  }
  .navbar-collapse {
    background: transparent;
    border: 1px solid var(--borderColor);
    padding: 20px;
    margin: 0 20px;
  }
  .navbar-toggler {
    transition: box-shadow 0.15s ease-in-out,
      -webkit-box-shadow 0.15s ease-in-out;
  }
  .nav-right {
    margin: 20px 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .section {
    padding: 60px 0 0;
  }
  .aletrmind_section {
    padding-bottom: 60px;
  }

  .banner_section {
    padding: 120px 0 60px;
  }

  .contactus_section {
    padding: 120px 0 0px;
  }

  .privacy_section,
  .termsof_use_section {
    padding: 120px 0 80px;
  }

  .callus_email_section h4 {
    font-size: 1.8rem;
    line-height: 105%;
  }

  /* .box {
        padding: 0px 30px 30px 30px;
     
    } */

  .innercontentblog_section {
    flex-direction: column;
  }
  .blog_left {
    width: 100%;
  }
  .blog_right {
    max-width: 100%;
  }
}

@media (max-width: 820px) {
  .strength_weakness_section ul.list {
    width: 100%;
    padding: 30px;
  }
  .about_banner_image {
    max-width: 70%;
  }
  .image-bottom {
    max-width: 310px;
    bottom: 0;
  }
  .image-top::before {
    right: -60px;
    top: 50px;
  }
  .about_banner_image::before {
    width: 65%;
    height: 65%;
  }
  .image-top {
    max-width: 360px;
  }
  .strength_weakness_section .flex_row {
    gap: 60px;
  }

  .eligibility_inner {
    display: block;
  }

  .eligibility_left {
    width: 100%;
  }

  .eligibility_right {
    padding: 20px;
    width: 100%;
  }
  h1.main_heading.mobile {
    display: block;
    text-align: center;
  }
  .main_heading.desktop {
    display: none;
  }
  .about_banner_wrapper {
    display: block;
  }

  .about_banner_image {
    margin-bottom: 30px;
  }
  .main_heading,
  .heading_bold {
    font-size: 3.2rem;
  }

  .topwebsites_cards {
    padding: 65px 0px 65px;
  }
  .topwebsites_cards.rankbg_card {
    padding: 65px 20px 65px;
  }
  .errorpage_section .hero_caption_wrap h1 {
    font-size: 85px;
  }

  .errorpage_section p {
    font-size: 1.8rem;
    margin: 20px 0 35px;
  }

  .errorpage_section .btn {
    font-size: 1.6rem;
  }

  .hero_caption_wrap img {
    max-width: 400px;
  }

  .contactus_section .form_inner {
    padding: 40px 36px;
  }

  .contactus_section h2 {
    margin: 0px 0 24px;
  }

  .contactus_section .submit_btn {
    margin: 40px 0 0;
  }

  .blogcontent_card {
    margin: 0 0 50px;
  }

  .blogpost_section {
    height: 500px;
  }

  .inner_contect_section {
    padding: 24px 0 24px;
    flex-wrap: wrap;
  }
  .contact_left {
    width: 100%;
    text-align: center;
  }
  .contact_right {
    width: 100%;
  }

  .form-group {
    margin: 0 0 18px;
  }

  .contact_right .form_inner {
    background: transparent;
    padding: 20px;
    margin: auto;
  }

  .form-control {
    border-radius: 10px;
  }

  label {
    color: var(--whiteColor);
  }

  .contactus_form label {
    color: var(--lightTextColor);
  }

  .submit_btn .btn.full_btn {
    background: var(--whiteColor);
    color: var(--primaryColor);
  }

  .banner_imgsection {
    height: 310px;
  }
}

@media (max-width: 768px) {

  .rank-index{
    left: 10%;
    right: 0%;
  }

  .box-wrapper svg{
    width: 100%;
  }
  
  .eligibility-wrapper{
    padding: 16px;
  }

  .overview-img{
    width: auto;
  }

  .tree-wrapper .box-wrapper{
    height: auto;
    width: auto;
  }

  .ranking-section img{
    padding: 16px;
  }

  .brand-img svg{
    max-width: 300px;
  }

  .brand-section .brand-main{
    padding: 24px !important;
  }

  nav {
    margin-bottom: 20px !important;
    padding: 0px !important;
  }

  .ghostAuthorContainer1,
  .ghostAuthorContainer {
    left: 10%;
  }

  .eligibility-image-wrapper {
    width: 100%;
  }

  .banner-section .display-5 {
    font-size: 44px;
    line-height: 150%;
  }
  .banner-section span {
    font-size: 44px;
    line-height: 150%;
  }
  .banner-section {
    gap: 2rem !important;
  }

  .container {
    padding: 32px !important;
  }
  .banner-image {
    width: auto !important;
  }

  h2 {
    font-size: 32px;
  }

  .ranking-section h5 {
    font-size: 32px;
  }

  .faq-section h2 {
    font-size: 32px !important;
    line-height: 150% !important;
  }

  /* .faq-section .accordion-item {
    padding: 16px 0px;
  } */

  .ranking-section .card-fwd,
  .ranking-section .card-rev {
    border-radius: 12px;
    padding: 16px;
  }

  .ranking-section .company-info {
    gap: 32px !important;
  }

  .rank-image-wrapper {
    width: 100% !important;
  }

  .ranking-section .card-fwd img,
  .ranking-section .card-rev img {
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 8px;
    height: auto !important;
  }

  .company-info-data{
    width: 100% !important;
  }

  .rank-image-wrapper-left{
    width: 100% !important;
  }

  .rank-image-wrapper-left::after,.rank-image-wrapper::after{
    left: 0px;
  }

  .brand-im

  .faq-section .accordion-button {
    max-height: fit-content !important;
    gap: 1rem !important;
  }

  .faq-section .accordion-button {
    font-size: 16px;
    font-weight: 400;
    padding: 1.25rem;
  }

  .faq-section .accordion-body {
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    width: auto;
  }

  footer .rights-deck {
    padding: 30px 16px;
  }

  section {
    margin-bottom: 30px !important;
  }

  .overview-section h1,
  .blog-relatedpost .post-header {
    font-size: 32px !important;
    line-height: 150%;
  }

  .overview-section h1,
  .overview-section p {
    width: 100% !important;
  }

  .eligibility-section h2,
  .post-main h1 {
    font-size: 28px;
    line-height: 150%;
    width: 100% !important;
  }

  .postTitle-wrapper{
    gap: 50px !important;
  }

  .post-color-block{
    top: 0px;
    height: 1000px ;
  }

  p {
    font-size: 16px;
    line-height: 150%;
  }

  .emphesized-line {
    padding: 0px;
  }

  .emphesized-line p {
    font-size: 20px;
    line-height: 150%;
  }

  .related-posts-wrapper,
  .absolute {
    padding: 0px !important;
  }

  .absolute {
    margin: 0px 16px !important;
  }

  .blog-relatedpost {
    margin-top: 0px !important;
  }

  .blog-relatedpost .sub-title {
    padding: 0px;
  }

  .tree-wrapper .box-wrapper:nth-child(even) {
    margin-top: 0px;
  }

  .overview-section p,
  .key-questions-card .answer,
  footer .editor-board P,
  .post-text,
  .privacy-policy p,
  .ranking-methodology p,
  .ghostAuthorBio {
    font-size: 16px;
    line-height: 150%;
    font-weight: 200;
    text-align: left !important;
  }

  .overview-section{
    gap: 100px !important;
  }

  .toc-banner-section p{
    margin: 0px !important;
    padding: 0px !important;
  }

  .recent-blog-header{
    font-size: 40px;
  }

  .cards-wrapper p {
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    opacity: 0.6;
  }

  .aboutus-img {
    height: 186px;
    background-repeat: no-repeat;
  }

  .pp-image-wrapper h1 {
    font-size: 32px;
    line-height: 150%;
    padding: 0 !important;
  }

  .privacy-policy h6 {
    font-size: 20px;
  }

  .ranking-section .small-hero-text {
    padding: 0px;
    font-size: 16px;
    line-height: 150%;
  }

  .ghostAuthorsDes,
  .ghostAuthor {
    padding: 0;
  }

  .contact-us-img{
    width: 100%;
  }

  .contact-us-section .submit-btn{
    margin: auto;
    display: block;
  }

  /* .card-body {
    padding: 1rem 1rem;
  } */

  .cards-wrapper {
    padding: 0px;
    flex-direction: column;
  }

  .big-card,
  .card-row,
  .related-posts {
    width: 100% !important;
  }

  .faq-section .accordion-button:not(.collapsed){
    padding: 16px !important;
  }

  .card-row{
    grid-template-columns:auto;
  }

  .related-posts .blog-date,
  .related-posts .blog-header,
  .pp-text {
    width: 100% !important;
  }

  .image-wrapper,
  .pp-image-wrapper,
  .pp-image-wrapper {
    background-position: center;
  }

  .pp-toc {
    display: none;
  }

  .banner_wrapper {
    gap: 30px;
  }

  .main_heading {
    max-width: 100%;
  }

  .topwebsites_cards {
    gap: 30px;
  }

  .contact_right .form_inner {
    margin-bottom: 0px;
  }

  .faq-head {
    padding: 0px 0 40px;
  }

  .banner_imgsection img {
    max-width: 340px;
  }

  .banner_imgsection::after {
    right: -15px;
  }

  .contactus_section {
    padding: 120px 0 0px;
  }

  .privacy_section .h3 {
    font-size: 20px;
  }

  .pp-banner, .tou-banner{
    margin-bottom: 0px !important;
  }

  .contact-banner-img{
    height: 270px !important;
  }

  .termsof_use_section .h3 {
    font-size: 18px;
  }

  .banner-content svg {
    width: 100%;
  }

  .banner-image::after {
    right: 0%;
  }

  .banner-overlay {
    left: 0%;
    top: 88%;
  }

  .banner-overlay:not(:nth-child(1)) {
    left: 40%;
    top: 70%;
  }

  .bread_crumb ul li,
  .bread_crumb ul li + li:before {
    font-size: 1.6rem;
  }

  .blog_heading h4 {
    font-size: 2rem;
  }

  ul.bussiness_date li {
    font-size: 1.4rem;
  }

  .blog_decscription p {
    font-size: 1.6rem;
  }

  .list li p {
    font-size: 1.6rem;
  }

  .toc-banner-section h1{
    padding: 16px !important;
    font-size: 50px !important;
  }
}
@media (max-width: 767.98px) {
  .about_banner_image {
    max-width: 78%;
  }

  .website_readmore a {
    padding: 14px 20px;
  }

  .image-top::after {
    left: 10%;
  }
  .singlepost_description .sub-head {
    font-size: 2.7rem;
  }
  .topwebsite_img {
    margin-bottom: 25px;
  }
  .headblog_section h1 {
    font-size: 3.2rem;
  }
  .summary_section.section .btn_outer.flex_row {
    flex-direction: row;
  }
  .relatedposts_card {
    padding: 20px;
  }
  .relatedposts_card img {
    height: 250px;
  }
  .contact_section form {
    max-width: 90%;
    margin: auto;
  }
  .btn {
    font-size: 1rem;
  }
  .heading {
    font-size: 2.8rem;
  }
  .desc {
    margin: 0 0 30px;
  }
  .acc__title {
    padding-right: 50px;
    font-size: 1.8rem;
    line-height: 25px;
  }
  .acc__panel {
    padding: 10px 0 0;
    margin: 0;
  }

  .topwebsites_cards,
  .banner_wrapper {
    flex-direction: column-reverse;
  }

  .inner_contect_section,
  .rankbg_card,
  .form-outer {
    flex-direction: column;
  }

  .contact_left,
  .contact_right,
  .topwebsite_content,
  .topwebsite_img,
  .banner_imgsection,
  .banner_content,
  .form-outer .form-group {
    width: 100%;
  }

  .banner_imgsection,
  .banner_content,
  .topwebsites_head,
  .topwebsite_img,
  .contact_left {
    text-align: center;
  }

  .banner_desc {
    margin: 0 auto;
  }

  .business_outer {
    padding: 28px 00px;
  }

  .banner_imgsection img {
    border-top-left-radius: 30px;
  }

  .topwebsites_head .desc {
    margin: 0;
  }

  .topwebsites_cards {
    padding: 48px 0px 48px;
    margin-bottom: 12px;
  }
  .topwebsites_cards.rankbg_card {
    padding: 48px 40px 48px;
  }
  .inner_contect_section {
    padding: 24px 0 24px;
  }

  .form-outer {
    gap: 0;
  }

  .form-group {
    margin: 0 0 18px;
  }

  .contact_right .form_inner {
    background: transparent;
    padding: 20px 0;
    max-width: 630px;
    margin: auto;
  }

  .form-control {
    border-radius: 10px;
  }

  label {
    color: var(--whiteColor);
  }

  .contactus_form label {
    color: var(--lightTextColor);
  }

  .submit_btn .btn.full_btn {
    background: var(--whiteColor);
    color: var(--primaryColor);
  }

  .navbar-brand img {
    max-width: 180px;
  }

  .business_left h3 {
    font-size: 2.4rem;
  }

  span.buss_icon {
    min-width: 40px;
    height: 40px;
  }

  .topwebsites_head h2,
  .contact_left h2,
  .faq-head h2,
  .topwebsites_inner h2 {
    font-size: 3.2rem;
  }

  .acc__card {
    padding: 28px 0;
  }
  .footer_col h4 {
    font-size: 1.6rem;
    margin: 0 0 8px;
  }
  .description p {
    font-size: 16px;
    line-height: 150%;
    opacity: 70%;
    font-weight: 300;
  }
  .description {
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
  }
  .h3.content_titles {
    margin: 40px 0 10px;
  }
  .h3 {
    font-size: 20px;
    line-height: 36px;
    font-weight: 800;
  }
  .privacy_section .main_heading {
    margin: 0 0 10px;
  }
  .termsof_use_section,
  .privacy_section {
    padding: 126px 0 60px;
  }
  .termsof_use_section .h3 {
    margin-bottom: 28px;
  }
  .termsof_use_section .main_heading {
    margin: 0 auto 6px;
  }

  .termsof_use_section .description p,
  .privacy_section .description p {
    font-weight: 400;
  }
  .termsof_use_section .description,
  .privacy_section .description {
    font-weight: 400;
  }
  h1.main_heading.mobile {
    display: block;
    width: 100%;
    text-align: center;
  }
  .about_banner_wrapper.flex_row {
    gap: 20px;
  }

  .main_heading.desktop {
    display: none;
  }
  .topwebsites_head h2,
  .contact_left h2,
  .faq-head h2,
  .topwebsites_inner h2 {
    margin: 0 0 10px;
  }
  /* .box { 
        padding: 0px 20px 25px 20px;
    } */

  .flex_row {
    flex-direction: column;
    gap: 0;
  }
  .ranking_section .flex_row .list {
    width: 100%;
  }
  /* .list li p {
        margin-bottom: 16px;
    } */
  .list li {
    margin-bottom: 16px;
  }
  .ranking_section .topwebsites_head {
    margin-bottom: 26px;
  }

  /* .box_img {
        height: 76px;
        width: 76px;
    } */
  .h4 {
    font-size: 2.2rem;
    margin-bottom: 23px;
  }
  .eligibility_section .para {
    line-height: 28px;
    font-size: 17px;
  }
  /* .box {
        padding: 0px 29px 36px 34px;
    } */
  .eligibility_section.section .description p {
    line-height: 30px;
    font-weight: 500;
    opacity: 60%;
  }
  .eligibility_section.section .description {
    line-height: 30px;
    font-weight: 500;
    opacity: 60%;
  }
  .eligibility_section .topwebsites_head {
    margin: 0 auto 70px;
  }

  .business_left {
    width: 100%;
    text-align: center;
  }

  .business_right {
    width: 100%;
  }

  .business_outer ul {
    flex-direction: column;
  }

  .footer_col.col_one p {
    padding: 10px 0 28px;
  }
  .innerfooter_section {
    gap: 28px 28px;
  }

  .errorpage_section .hero_caption_wrap h1 {
    font-size: 70px;
  }

  .hero_caption_wrap img {
    max-width: 300px;
  }

  .errorpage_section p {
    font-size: 1.6rem;
  }

  .banner_content .main_heading {
    margin-left: auto;
    margin-right: auto;
  }

  .blogpost_section {
    height: 400px;
  }

  .blog_left .blogcontent_card img {
    height: 228px;
  }

  .blog_left .blogcontent_card img {
    border-radius: 14px;
  }
  .about_banner_wrapper {
    display: block;
  }
  .about_banner_image {
    padding: 20px 0px;
  }

  .eligibility_inner {
    display: block;
  }

  .eligibility_left {
    width: 100%;
  }

  .eligibility_right {
    width: 100%;
    padding: 20px;
  }
  section.aletrmind_section.section .topwebsites_head h2 {
    text-align: left;
  }

  /* section.aletrmind_section.section {
        margin-bottom: 60px;
    } */

  .services_section .topwebsites_head h2 {
    text-align: center;
  }

  .service_box {
    width: 100%;
    margin: 0 !important;
    padding: 20px;
    border-radius: 9.243px;
  }

  .services_section .flex_row {
    gap: 20px;
  }

  .service_box .h4 {
    font-size: 1.7rem;
  }

  .service_box .description p {
    text-align: justify;
    font-family: Gilroy;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0;
  }
  .service_box .description {
    text-align: justify;
    font-family: Gilroy;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0;
  }
  .service_box_img {
    width: 37px;
    height: 37px;
    padding: 7px;
    border-radius: 6.47px;
  }
  .strength_weakness_section ul.list {
    width: 100%;
    border-radius: 12px;
    padding: 27px;
    margin-bottom: 24px;
  }
  section.strength_weakness_section .topwebsites_head h2 {
    text-align: center;
  }
  .strength_weakness_section ul.list:last-child {
    margin-bottom: 0;
  }
  .banner_imgsection::after {
    right: 0px;
  }

  .banner_imgsection {
    max-width: 480px;
  }

  .banner_imgsection::before {
    left: 0;
  }
  .banner_imgsection img {
    border-radius: 30px;
    border-top-left-radius: 50%;
  }
}

@media (max-width: 680px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0px 0;
  }

  .read-more-header{
    font-size: 40px;
  }

  .banner-section .banner-contents h1 {
    font-size: 32px;
    line-height: 150%;
  }

  .ranking-section h2 {
    font-size: 32px;
    line-height: 150%;
    padding: 0px;
  }

  .banner-section .banner-contents p {
    font-weight: 200;
    width: auto;
  }

  .faq-section.container, .brand-section.container{
    padding: 32px !important;
  }

  .bread_crumb ul li {
    line-height: 25px;
  }

  .navbar-brand {
    font-size: 16px;
  }

  .navbar-toggler-icon {
    width: 25px;
  }

  .footer_col.col_one,
  .footer_col.col_two,
  .footer_col.col_three {
    width: 100%;
  }
  .description p {
    font-size: 16px;
  }
  .about_banner_image {
    max-width: 90%;
  }
  .about_banner_image {
    margin-bottom: 40px;
  }
  .topwebsites_cards {
    padding: 40px 0px 40px;
  }
  .topwebsites_cards.rankbg_card {
    padding: 40px 0px 40px;
  }
  .contactus_section .form_inner {
    max-width: 700px;
    padding: 20px 15px 40px;
  }

  .contactus_section h2 {
    font-size: 2rem;
    margin: 0px 0 20px;
  }

  .topwebsites_cards.rankbg_card {
    border-radius: 0;
    position: relative;
  }

  .topwebsites_cards.rankbg_card:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 100%;
    background: #faf9fe;
    left: -20px;
    top: 0;
  }

  .topwebsites_cards.rankbg_card:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 100%;
    background: #faf9fe;
    right: -20px;
    top: 0;
  }

  .ranking_site span {
    left: -0px;
  }

  .ranking_site {
    padding-left: 20px;
  }

  .termsof_use_section .h3 {
    font-size: 16px;
  }

  .blogpost_section .hero_caption_wrap {
    flex-direction: column;
    gap: 0px;
    padding-left: 15px;
    justify-content: center;
    align-items: flex-start;
  }

  .blogpost_section h1 {
    margin: 0 0 16px;
  }

  .blog_right {
    max-width: 100%;
  }

  .blogpost_section {
    padding: 80px 0 0;
  }

  .callus_email_section {
    gap: 20px;
    flex-direction: column;
  }
  .contact_left a.btn {
    margin-top: 20px;
  }

  .previous_posts ul li a {
    font-size: 1.5rem;
  }

  .previous_posts ul li {
    gap: 12px;
  }

  .previous_posts ul li img {
    width: 45px;
    height: 45px;
  }

  .share_article ul li a img {
    max-width: 15px;
    height: 15px;
  }

  .singlepost_description p {
    margin: 0px 0 20px;
  }
}
@media (max-width: 550px) {
  .image-top {
    max-width: 320px;
  }
  .image-bottom {
    max-width: 250px;
    bottom: 0;
  }
  .image-top::before {
    right: -60px;
    top: 122px;
  }
  .image-top::after {
    left: 0%;
  }
}
@media (max-width: 500px) {
  .banner_imgsection::before,
  .banner_imgsection::after {
    display: none;
  }
  .navbar-brand {
    font-size: 16px;
    white-space: normal;
    width: 75%;
  }
  .banner_imgsection img {
    max-width: 352px;
    height: 260px;
    object-fit: cover;
    border-top-left-radius: 30px;
  }
  .image-top {
    max-width: 280px;
  }
  .about_banner_image::before {
    width: 65%;
    height: 50%;
  }
  .image-bottom {
    max-width: 240px;
    bottom: 30px;
  }
  .about_banner_image {
    max-width: 100%;
  }
  .overlay-circle {
    width: 140px;
    height: 140px;
    font-size: 28px;
  }

  .share_article {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .share_article ul li a {
    width: 30px;
    height: 30px;
  }

  .banner_imgsection {
    height: 270px;
  }
}
@media (max-width: 380px) {
  .image-top {
    max-width: 230px;
    top: 20px;
    left: 20px;
  }
  .about_banner_image::before {
    width: 70%;
  }
  .image-bottom {
    max-width: 200px;
    bottom: 0px;
  }
  .about_banner_image {
    min-height: 500px;
  }

  .navbar-brand {
    font-size: 14px;
  }
}