/* ================================================
   🔵 1800px — 1651px  (Large desktop screens)
   ================================================= */
@media (max-width: 1800px)  {
  .container { max-width: 75%; }
  .home-text h1 { font-size: 46px; }
  .home-text p { font-size: 18px; }
  .home-note { width: 450px; padding: 36px; }
  .circle { width: 420px; height: 420px; }
  .about-text h1, .about-mission h2, .about-vision h2 { font-size: 34px; }
  .svc-title { font-size: 36px; }
   .layer1 { width: 950px; height: 950px; opacity: 0.7; }
  .layer2 { width: 870px; height: 870px; opacity: 0.6; }
  .layer3 { width: 780px; height: 780px; opacity: 0.5; }
  .layer4 { width: 690px; height: 690px; opacity: 0.4; }
  .layer5 { width: 600px; height: 600px; opacity: 0.3; }
}
.pvc-title,.team-content h2,.blog-title,.contact-title{
        font-size: 36px;
    }
/* ================================================
   🔵 1650px — 1451px  (Medium large desktops)
   ================================================= */
@media (max-width: 1650px)  {
    .header { 
    padding: 30px 0 0;
        }
  .container { max-width: 78%; }
  .home-text { width: 35%; }
  .home-text h1 { font-size: 46px; }
  .home-text p { font-size: 17px; }
  .home-note { width: 420px; padding: 32px; }
  .about-text { width: 600px; }
   .about-text h1, .about-mission h2, .about-vision h2 { font-size: 30px; }
  .about-mission, .about-vision { width: 480px; padding: 60px 36px; }
  .circle { width: 380px; height: 380px;filter: blur(2px); }
  .svc-title { font-size: 34px; margin-bottom: 0;}
  .svc-grid { gap: 20px; }
  .svc-card h3 { font-size: 19px; }
  .svc-card p{
    font-weight: 200;
  }
  .about-text p {
    font-size: 15px; 
    line-height: 1.4; 
    
}
.mission-icn svg{
width: 100px;
}
.about-mission p, .about-vision p {
    font-size: 14px; 
    line-height: 1.4; 
    margin-top: 10px;
}
.timeline-nav{
    bottom: 20px;
}
.about-mission{
    margin-top: 80px;
}
.wave svg{
    width: 100%;
}
.home-note-wrap { 
    bottom: 45px; 
}
.layer1 { width: 850px; height: 850px; opacity: 0.65; }
  .layer2 { width: 770px; height: 770px; opacity: 0.55; }
  .layer3 { width: 690px; height: 690px; opacity: 0.45; }
  .layer4 { width: 610px; height: 610px; opacity: 0.35; }
  .layer5 { width: 530px; height: 530px; opacity: 0.25; }
  .bg-layer-blue{
    width: 40%;
  }
  .svc-card1,.svc-card2 {
    margin-top:30px;
}
.svc-icn img{
    height: 50px;
}
.pvc-title,.team-content h2,.blog-title,.contact-title{
        font-size: 34px;
    }
   .pvc-card h3 {
        font-size: 19px;
    }
    .pvc-card p {
        font-weight: 200;
    }
    .pvc-card .pvc-icn img {
    width: 75px; 
        margin-bottom: 30px;
}
.pvc-card{
  padding: 2rem 25px;
  flex: 0 0 260px;
}
.pvc-card:nth-child(odd) {
    padding-top: 10%;
}
.legal-btn span {
    padding: 10px 20px; 
    font-size: 14px; 
}
.member{
  width:165px;
  height: 165px;
}
.team-content p{
        font-size: 14px; 
    }
    .member .info h3{
        font-size: 15px; 
    }
    .member .info p{
        font-size: 13px; 
    }
    .blog-img { 
    height: 340px; 
}
.blog-container.container {
        max-width: 88%;
        width: 88%;
    }
    .blog-grid { 
    flex: 0 0 23%;
    width: 23%; 
}
.blog-subject {
    font-size: 14px; 
}
.blor_ctgry {
    font-size: 11px; 
    padding: 2px 9px; 
}
.blog-link .legal-btn span {
        padding: 6px 12px;
        font-size: 12px;
    }
.blog-link span{
  font-size: 12px;
}
.blog-cta{
  margin-top: 10px;
  padding: 6px 13px;
  font-size: 14px;
}
.blog-grid:hover .blog-link { 
    height: 50px;
}
.blog-grid-wrap { 
    gap: 1.5rem; 
    margin-top: 100px;
}
.contact-title{
    margin-bottom: 10px; 
}
.contact-text {
    font-size: 14px; 
    margin-bottom: 35px; 
}
.contact-adddress {
    font-size: 14px; 
    margin-bottom: 45px; 
}
.contact-form-box .form-control{
  padding: 10px 15px; 
    font-size: 14px;
        height: 40px;
}
.contact-wrap{
  align-items: center;
}
.member .info .arrow{
  width: 30px;
  height: 30px;
}
.home-note p { 
    font-size: 14px; 
}
    .contact-section .blog-container.container {
        max-width: 88%;
        width: 80%;
    }
.commercia-note-wrap{
    height: 230px;
}
.hero-visual-2{
    height: 230px;
}
.wave-1,.wave-2,.wave-3 { 
    width: 100px;
}
.panel-how .grid-item { 
  height: 150px;
  font-size: 14px;
}
.bubble {
    width: 135px;
    height: 135px;
}
.avatar {
  width: 80px;
  height: 80px; 
}
.experts-header {
    margin-bottom: 20px;
    margin-top: 50px;
}
.sidenav-menu a { 
    font-size: 28px; 
    margin-bottom: 25px; 
}
.sidenav {  
    height: 100vh; 
    padding: 80px 60px 20px; 
}
 .eltdf-hm-lines{
        top: -64px;
        right: -104px;
    }
/*================= blog page =====================*/
   .blog-banner{
    min-height: 800px;
   } 
   .blog-banner .home-text {
        width: 436px;
    }
    .blue-gradient{
        height: calc(1260px - 210px);
    }
    .blog-item-image{
        height: 400px;
    }
    .news-events{
        padding-top: 75px;
        padding-bottom: 30px;
    }
    .news-events .section-header{
        margin-bottom: 40px;
    }
    .news-events-item-content-head h4{
        font-size: 22px;
    }
    .fade-text{
        font-size: 19vw;
    }
    .footer-menu-wraper{
        padding-bottom: 45px;
    }
    .footer-credit{
        padding: 30px 0 45px 0;
    }
    .blog-item-content{
        padding: 30px 22px;
    }
    /*=================// blog page =====================*/

    /*================= single blog page =====================*/

    .single-head h1{
        font-size: 2.9vw;
    }
    .single-head{
        padding: calc(28px - 4px) calc(60px - 10px) calc(60px - 10px) 0;
    }
    .single-blog-header{
        margin-bottom: calc(50px - 8px);
    }
    .section-head{
        font-size: 2.1vw;
    }
    .recent-blogs ul li a{
        font-size: 18px;
    }
    .recent-blogs ul li:not(:last-child){
        margin-bottom: 21px;
    }
    .recent-blogs{
        max-width: 400px;
    }
    .blog-content-row{
        padding-bottom: calc(45px - 10px);
    }
    .may-like-wraper{
        padding-top: calc(50px - 8px);
    }
    .blog-content img{
        margin-bottom: 20px;
    }
    .blog-content h2 {
        font-size: 33px;
    }
    .blog-content h3{
        font-size: 25px;
    }
    .blog-content h4{
    font-size: 21px;
    }
    .blog-content h5{
    font-size: 18px;
    }
    .blog-content h6{
    font-size: 16px;
    }
    .blog-share ul{
        margin-top: 24px;
    }
    /*================= // single blog page =====================*/

    /*================== career page =====================*/
    .career-banner{
        height: calc(800px - 130px);
    }
    .career-banner::before{
        height: 200px;
    }
    .svgAnim svg{
        max-width: 500px;
        height: auto;
    }
    .why-join-us .section-head{
        margin-bottom: calc(160px - 25px);
    }
    .why-choose-item{
        padding: calc(50px - 8px) calc(40px - 6px);
    }
    .why-choose-item h4{
        font-size: 22px;
    }
    .why-choose-item-col{
        margin-bottom: calc(40px - 6px);
    }
    .why-choose-item-wraper{
        padding-bottom: calc(200px - 35px);
    }
    .job-post-item{
        padding: 25px 0 15px 0;
    }
    .job-post-info h4{
        font-size: 22px;
    }
    .current-openings .section-head{
        margin-bottom: 42px;
    }
    /*=================// career page =====================*/

    /*=============== service listing page =================*/
   .service-listing-header .section-head{
       font-size: 2.9vw;
   }
   .service-listing-banner{
    height: 500px;
   }
   .service-listing-item-front-content h4{
    font-size: 18px;
   }
   .service-listing-item-front-content{
    padding-block: 35px;
   }
   .service-listing-item-wraper{
        padding-bottom: 90px;
    }
   /*=============== service listing page =================*/

   /*=============== immigration page =================*/
   .img-vector{
    width: 250px;
    height: 500px;
   }
   /*=============== immigration page =================*/
   .slide p, .slide h5 { 
    font-size: 13px !important;
    line-height: 1.5 !important; 
}

.service_menu li a{
    font-size:18px;
    margin-bottom: 22px;
   }

/*=================== team page =====================*/
   .team-listing{
    padding-top: 200px;
   }
   .team-listing .container, .team-listing-wraper .container{
    max-width: calc(1270px - 200px);
   }
   .square-anim{
    height: 600px;
    width: 600px;
   }
   .team-listing .home-text{
    margin-bottom: 100px;
   }
   .team-image{
    height: 250px;
    width: 250px;
   }
   .modal-inside{
    padding: calc(90px - 15px) calc(100px - 15px) calc(60px - 10px) calc(100px - 15px);
   }
   .team-info h4{
    font-size: 29px;
   }

   /*===================// team page =====================*/

   /*================== about page ======================*/
   .about-page{
    padding-top: 250px;
   }
   .about-banner-img{
    max-width: 83vw;
   }
   .gradient-circle{
    height: calc(500px - 80px);
    background: linear-gradient(180deg, #020009 70%, #0040BD 102.63%);
   }
   .gradient-circle-child{
    height: calc(360px - 60px);
    background: linear-gradient(180deg, #020009 79%, #0040BD 109.63%);
   }
   .about-description p{
    font-size: 18px;
    margin-bottom: calc(60px - 10px);
   }
   .about-container{
    max-width: calc(1300px - 200px);
   }
   .about-content{
    padding-bottom: calc(140px - 20px);
   }
   .about-description{
    max-width: calc(900px - 150px);
   }
   .shape-left-about, .shape-right-about{
    max-height: 24vw;
   }
   /*==================// about page ======================*/

   /*================ single fee page ==================*/
   .wp-block-quote{
    font-size: 2.2vw;
   }
   /*================// single fee page ==================*/

}



/* ================================================
   🟣 1450px — 1201px  (Standard desktops)
   ================================================= */
@media (max-width: 1450px)  {
  .container { max-width: 82%; }
  .home-text { width: 33%; }
  .home-text h1 { font-size: 42px; }
  .home-text p { font-size: 16px; }
  .home-note { width: 400px; padding: 30px; }
  .circle { width: 340px; height: 340px;filter: blur(2px); }
   .about-text{
    width: 570px;
    padding: 20px 30px;
   }
    .about-text h1, .about-mission h2, .about-vision h2 { font-size: 30px; }
  .about-mission, .about-vision { width: 410px; padding: 40px 30px; }
  .svc-grid { grid-template-columns: repeat(2, minmax(250px, 1fr)); gap: 18px; }
  .svc-title { font-size: 30px;margin-top: 30px; }
  .svc-card h3 { font-size: 20px;  }
  .timeline-nav li span { font-size: 13px; padding: 5px 14px; }
  .layer1 { width: 720px; height: 720px; opacity: 0.65; }
  .layer2 { width: 640px; height: 640px; opacity: 0.55; }
  .layer3 { width: 560px; height: 560px; opacity: 0.45; }
  .layer4 { width: 480px; height: 480px; opacity: 0.35; }
  .layer5 { width: 400px; height: 400px; opacity: 0.25; }
  .pvc-title,.team-content h2,.blog-title,.contact-title{
        font-size: 30px;
    }
    .member{
  width:150px;  
  height: 150px;
    }
    .team-scroll{
      padding-top: 80px;
    }
    .member .info h3{
        font-size: 14px; 
    }
    .member .info p{
        font-size: 12px; 
    }
    .blog-img { 
    height: 280px; 
}
.blog-container.container {
        max-width: 88%;
        width: 88%;
    }
    .pvc-card .pvc-icn img {
        width: 70px;
        height: 40px; 
    }
        .pvc-card {
        padding: 2rem 15px;
        flex: 0 0 230px;
    }
    .pvc-card p{
        font-size: 13px;
    }
    .form-circle {
    width: 400px;
    height: 400px; 
}
  .avatar {
  width: 70px;
  height: 70px; 
}  
.experts-header{
    margin-bottom: 15px;
}  
.sidenav-menu a { 
    font-size: 24px; 
    margin-bottom: 25px; 
}
.sidenav-social-media ul li:not(:last-child) a {
    margin-bottom: 30px; 
}
.sidenav-credit p, .sidenav-credit p a { 
    margin-right: 20px;
    font-size: 13px;
}
.sidenav{
        width: 90%;
    }
/*================= blog page =====================*/
.blog-banner{
    min-height: 640px;
   } 
   .blue-gradient{
        height: calc(1260px - 210px*2);
    }
    .blog-item-image{
        height: 350px;
    }
        .news-events-item-content-head h4 {
        font-size: 19px;
    }
    .news-events-item-content-head span{
        font-size: 14px;
    }
/*=================// blog page =====================*/

/*================ career page =====================*/
.why-choose-item {
        padding: calc(50px - 8px*2) calc(40px - 6px*2);
    }
    .why-choose-item h4 {
        font-size: 20px;
    }
    .why-choose-item-col{
        padding: 0 15px;
    }
    .why-join-us .section-head {
        margin-bottom: calc(160px - 25px*2);
    }
    .current-openings .section-head {
        margin-bottom: 42px !important;
    }
    .job-post-info h4 {
        font-size: 20px;
    }
    .why-choose-item-wraper {
        padding-bottom: calc(200px - 35px*2);
    }
/*=================// career page =====================*/

/*================= single career page =====================*/
.single-career-banner-image{
    max-width: 580px;
}
.single-career-banner-content {
    padding-left: 80px;
}
.single-career-content p, .single-career-content li{
    font-size: 15px;
}
.single-career-content h1 {
    font-size: 25px;
}
.single-career-content h2{
  font-size: 22px;
}
.single-career-banner-row{
    padding-bottom: 46px;
}
.single-career-content-wraper{
    padding: 45px 0 70px 0;
}
.single-career-content{
    max-width: 645px;
}
/*=================// single career page =====================*/

/*=============== immigration page =================*/
   .img-vector{
    width: 200px;
    height: 400px;
   }
   /*=============== immigration page =================*/
   .service_menu li a{
    font-size:18px
   }
   .service_menu h3 a{
    font-size:22px;
   }

   /*=================== team page =====================*/
   .team-listing{
    padding-top: 150px;
   }
   .team-listing .container, .team-listing-wraper .container{
    max-width: calc(1270px - 200px*2);
   }
   .square-anim{
    height: 400px;
    width: 400px;
   }
   .team-listing .home-text{
    margin-bottom: 70px;
   }
   .team-image{
    height: 200px;
    width: 200px;
   }
   .modal-inside{
    padding: calc(90px - 15px*2) calc(100px - 15px*2) calc(60px - 10px*2) calc(100px - 15px*2);
   }
   .team-info h4{
    font-size: 26px;
   }
   .teamModal .modal-content .square-anim{
    height: 300px;
    width: 300px;
   }
/*===================// team page =====================*/

/*================== about page ======================*/
   .about-page{
    padding-top: 200px;
   }
   /* .about-banner-img{
    max-width: 83vw;
   } */
   .gradient-circle{
    height: calc(500px - 80px*2);
    background: linear-gradient(180deg, #020009 62%, #0040BD 102.63%);
   }
   .gradient-circle-child{
    height: calc(360px - 60px*2);
    background: linear-gradient(180deg, #020009 67%, #0040BD 102.63%)
   }
   .about-description p{
    font-size: 17px;
    margin-bottom: calc(60px - 10px*2);
   }
   .about-container{
    max-width: calc(1300px - 200px*1.8);
   }
   .about-content{
    padding-bottom: calc(140px - 20px*2);
   }
   .about-description{
    max-width: calc(900px - 150px*1.5);
   }
  .gradient-circle-item{
    height: 150px;
  }
   .decade-item{
    padding: 25px;
   }
   /*==================// about page ======================*/
} 

/* ================================================
   🟠 1119px — 992px  (Small desktops / large tablets)
   ================================================= */
@media (max-width: 1119px) and (min-width: 992px) {
  main { height: auto; flex-direction: column; }
  section, .panel { width: 100%; height: auto; min-height: 100vh; } 
  .home-text h1 { font-size: 32px; line-height: 1.3; }
  .home-text p { font-size: 15px; margin-bottom: 20px; }
  .home-note-wrap { position: static; margin: 40px auto 0; }
  .home-note { width: 90%; padding: 28px; }
  .circle { width: 300px; height: 300px; }
  .about-text, .about-mission, .about-vision { width: 90%; margin: 20px auto; padding: 60px 25px; }
  .svc-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .svc-title { font-size: 28px; text-align: center; }
  .timeline-nav { bottom: 20px; }
  .timeline-nav ul { width: 90%; }
  .timeline-nav li span { font-size: 12px; padding: 4px 12px; }
  .pvc-title,.team-content h2,.blog-title,.contact-title{
        font-size: 28px;
    }
}


/* =========================================================
   RESPONSIVE STYLES DISPUTE
   ========================================================= */

/* ---------------------------------------
   1800px — 1651px  (Large desktop screens)
---------------------------------------- */
@media (max-width: 1800px) and (min-width: 1651px) {
  .circle-large { width: 1000px; height: 1000px; right: -20rem; }
  .circle-md-xl { width: 700px; height: 700px; right: 8rem; }
  .circle-md-lg, .circle-md-md { width: 450px; height: 450px; }
  .circle-md-sm { width: 320px; height: 320px; right: -10rem; }

  .choose-item-grid img { max-width: 70%; }
  .choose-item-grid-content { padding-left: 1.5rem; }
}

/* ---------------------------------------
   1650px — 1451px  (Medium large desktops)
---------------------------------------- */
@media (max-width: 1650px) and (min-width: 1451px) {
  .circle-large { width: 900px; height: 900px; right: -22rem; }
  .circle-md-xl { width: 600px; height: 600px; right: 6rem; }
  .circle-md-lg, .circle-md-md { width: 400px; height: 400px; }
  .circle-md-sm { width: 280px; height: 280px; right: -9rem; }

  .choose-item-grid-wraper { padding-left: 2rem; }
  .choose-item-grid img { max-width: 65%; }
  .choose-item-grid-content { padding-left: 1.2rem; }
  
}

/* ---------------------------------------
   1450px — 1201px  (Standard desktops)
---------------------------------------- */
@media (max-width: 1450px) and (min-width: 1201px) {
  .circle-large { width: 750px; height: 750px; right: -20rem; }
  .circle-md-xl { width: 500px; height: 500px; right: 4rem; }
  .circle-md-lg, .circle-md-md { width: 350px; height: 350px; }
  .circle-md-sm { width: 220px; height: 220px; right: -6rem; }

  .choose-item-grid { width: 25%; }
  .choose-item-grid-content { padding-left: 1rem; transform: translateY(40px); }
  .choose-item-grid-content p { font-size: 13px; }
}

/* ---------------------------------------
   1119px — 992px  (Small desktops / Tablets)
---------------------------------------- */
@media (max-width: 1200px) and (min-width: 992px) {
  .circle-large { width: 600px; height: 600px; right: -3rem; }
  .circle-md-xl { width: 380px; height: 380px; right: 2rem; }
  .circle-md-lg, .circle-md-md { width: 300px; height: 300px; }
  .circle-md-sm { width: 180px; height: 180px; right: -4rem; }

  .choose-item-grid-wraper { padding-left: 1rem; }
  .choose-item-grid { width: 33%; }
  .choose-item-grid img { max-width: 55%; }
  .choose-item-grid-content { padding-left: 0.8rem; transform: translateY(30px); }
  .choose-item-grid-content span { width: 36px; height: 36px; }
  .choose-item-grid-content p { font-size: 12px; }
}

@media (max-width: 1200px) { 
    main {
    display: block;  
    overflow: hidden;
     height: auto;
}
.panel{
    overflow: hidden;
    height: 110vh;
}
.hero-visual-1 {
    flex: 1;
    position: absolute;
    width: 100%;
    height: 100%;
        top: 00px;
        z-index: 1;
        right: 0;
}
.hero-visual-2 {
        height: 230px;
        right: 0;
        display: none;
    }
    .home-text h1 {
        font-size: 32px;
    }
    .home-text p {
        font-size: 14px;
        line-height: 1.6;
    }
    .commercia-note-wrap {
        /* height: 230px; */
        height: auto;
        z-index: 8;
        padding: 25px 60px 25px;
    }
    /* .ellipsewave {
        bottom: 0;
        top: auto;
    } */
     .experts-grid { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
}
.expert-card {
    flex: 0 0 23%;  
} 
.panel-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 730px  ;
    overflow: hidden ;
    min-height: auto  ;
}
.cta-wave-img { 
    width: 410px !important;
    height: 291px;
    left: 17.3%;
    top: 10%;
    object-fit: contain;
}
.service_cta{
        left: 32%;
}
.blue-bars{
    z-index: 0;
}
.panel-how {
    background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(15, 59, 141) 100%);
}
.commercia-note-wrap { 
    background: linear-gradient(to top, #000 0%, #37373726 100%); 
}
.panel-experts { 
    background: linear-gradient(to bottom, #0F3B8D 0%, #000000 100%);
    padding: 100px 100px;
    height: auto !important;
    min-width: auto;
    padding-top: 0;
}
.blue-bars .bar { 
    background: linear-gradient(to top, #0058FF 0%, #04112a00 70%); 
}
.panel:not(:last-child) {
    margin-bottom: -1px;
}
    .legal-btn span {
        padding: 10px 10px;
        font-size: 12px;
    }
    .experts-header{
        margin-top: 0;
    }
 .panel-hero.dispute .commercia-note-wrap::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(360deg, rgb(0, 0, 0) 15%, rgb(98 1 1 / 0%) 45.05%);
        z-index: 0;
    }
    .panel-how.dispute { 
    background: linear-gradient(180deg, rgb(0, 0, 0) 15%, rgb(98, 1, 1) 45.05%);
        overflow-x: hidden;
}
.dispute .commercia-note-wrap {
    background: linear-gradient(183deg, #B02533 -20%, #4A0E14 8%, #000000 70% 100%, #000000 100%);
}
.panel-hero.dispute .commercia-note-wrap::after{
    background-repeat: no-repeat;
}
.why-choose-us {
    background: linear-gradient(0deg, #000000 0%, #620101 100%);
    position: relative;
}
.panel-experts.dispute{
    padding: 100px 0;
}
.employment-visual{
    z-index: 0;
    height: 100%;
}
.career-banner .legal-btn{
        justify-content: center;
    }
    .single-career-content {
        max-width: 480px;
    }
    .single-career-banner{
        padding-top: 8rem;
    }
    .single-career-banner-image {
        max-width: 500px;
    }
    .single-career-banner-content {
        padding-left: 50px;
    }
    /*=============== immigration page =================*/
   .img-vector{
    width: 150px;
    height: 300px;
   }
   /*=============== immigration page =================*/
   .why-choose-us.immigration {
    background: linear-gradient(181deg, #000000 0%, #740202 100%);
}
.panel-experts.immigration {
    background: linear-gradient(0deg, #000000 0%, #740202 100%);
}


/*=============== team page =================*/
.team-listing .container, .team-listing-wraper .container{
    max-width: 82%;
}
.team-image{
    height: 160px;
    width: 160px;
}
.team-info{
    padding-left: 40px;
}
.modal-inside {
        padding: calc(90px - 15px * 3) calc(100px - 15px * 3) calc(60px - 10px * 3) calc(100px - 15px * 3);
    }
/*============== /team page =================*/

/*================== about page ======================*/
   .about-page{
    padding-top: 150px;
   }
   .gradient-circle{
    height: calc(500px - 80px*4);
    background: linear-gradient(180deg, #020009 62%, #0040BD 102.63%);
   }
   .gradient-circle-child{
    height: calc(360px - 60px*4);
    background: linear-gradient(180deg, #020009 58%, #0040BD 102.63%);
   }
   .about-description p{
    margin-bottom: calc(60px - 10px*3);
   }
   .about-container{
    max-width: 82%;
   }
   .about-content{
    padding-bottom: calc(140px - 20px*3);
   }
  
  .gradient-circle-item{
    height: 100px;
  }

   .shape-left-about, .shape-right-about{
    top: -6rem !important;
   }
   /*==================// about page ======================*/

   /*================== fee information page ======================*/
   .fee-information_item a{
    padding: 25px 20px;
   }
   .fee-information_item h5{
    font-size: 16px;
   }
   /*==================// fee information page ======================*/
}
@media (max-width: 1045px) {
   .why-choose-us-flex .bubbles {
    width: 75%;
}
.eltdf-hm-lines {
        top: -64px;
        right: -40px;
    }
.bubble {
        width: 125px;
        height: 125px;
    }
     .why-choose-us-flex .section-header {
    width: 45%;
    margin-bottom: 0;
}
.why-choose-us-flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .illuminaty{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .illuminaty .choose-item-grid-wraper{
        padding-left: 0;
    }
    .circle-large {
        width: 500px;
        height: 500px;
            right: -7rem;
    }
    .circle-md-xl {
        width: 600px;
        height: 600px;
        right: -7rem;
    }
    .circle-md-lg, .circle-md-md {
    width: 400px;
    height: 400px; 
}
.circle-md-sm{
    width: 250px;
    height: 250px; 
    right: -5rem;
}
.why-choose-us.dispute{
       height: auto;
       overflow-x: hidden;
    }
    .sidenav{
        width: 90%;
    }
    .sidenav-relative { 
    max-width: 95%; 
}
    .immigration_choose_us{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
/*================= blog page =====================*/
    .blog-banner{
    min-height: 500px;
   } 
    .blog-item-col{
        max-width: 33.333%;
    }
    .news-events{
        padding-top: 50px;
    }
        .footer-menu-wraper {
        padding-bottom: 30px;
    }
    .footer-credit {
        padding: 21px 0 30px 0;
    }
    .fade-text {
        font-size: 230px;
    }
/*=================// blog page =====================*/

/*================ single blog page =====================*/
.section-head{
    font-size: 26px;
    margin-bottom: 20px;
}
.blog-content :where(h1,h2,h3,h4,h5,h6){
    margin-bottom: 20px !important;
}
    .blog-content-row{
        display: block;
    }
    .blog-content{
        padding-right: 0;
    }
    .single-blog-info{
        padding-left: 30px;
    }
    .single-head {
        padding: calc(28px - 4px*2) calc(60px - 10px*2) calc(60px - 10px*2) 0;
    }
    .featured-image{
        margin-bottom: 30px;
    }
    .recent-blogs{
        padding-left: 0;
        border: none;
        max-width: 100%;
        margin-top: 2rem;
    }
/*================ // single blog page =====================*/

/*================= career page =====================*/
    .why-choose-item {
        padding: calc(50px - 8px * 3) calc(40px - 6px * 3);
    }
        .why-choose-item-col {
        padding: 0 7px;
    }
    .why-join-us .section-head {
        margin-bottom: calc(160px - 25px * 3);
    }
    .job-post-info h4{
        margin-bottom: 20px;
    }
    /*=================// career page =====================*/

        .single-career-banner-image {
        max-width: 330px;
    }
    .single-career-row{
        flex-direction: column;
    }
    .single-career-content{
        max-width: 100%;
    }
    .single-career-banner-row {
        padding-bottom: 40px;
    }
    .single-career-content-wraper {
        padding: 30px 0 60px 0;
    }
    .single-career-form{
        padding-top: 1rem;
        padding-left: 0;
    }
    .form-circle-2{
        left: 0;
        top: -30%;
    }

    /*=============== service listing page =================*/
    .service-listing-item-col{
        max-width: 33.3333%;
    }
    /*=============== // service listing page =================*/

    /*============== fee information page =================*/
    .fee-information_col{
        max-width: 33.3333%;
    }
    /*============== // fee information page =================*/
    
}
@media (max-width: 991px) {
       .why-choose-us-flex .bubbles {
        width: 100%;
    }
    .ellipsewave{
        opacity: 0.1;;
    }
    .bubbles{
        margin-top: 120px;
    }
    .sidenav {
        width: 100%; 
    }
      .career-banner .home-text{
        width: 100%;
        text-align: center;
    }
    .career-banner {
        height: calc(800px - 130px*1.6);
    }
    /*=================// career page =====================*/
    .why-choose-us{
        height: auto;
        overflow-x: hidden;
    }

    /*=============== team page =================*/

.team-image{
    height: 160px;
    width: 160px;
}
.team-item-col{
    width: 25%;
}
.team-info{
    padding-left: 40px;
}
.modal-inside {
        padding: calc(90px - 15px * 3) calc(100px - 15px * 3) calc(60px - 10px * 3) calc(100px - 15px * 3);
    }
/*============== /team page =================*/
     
}
@media (max-width: 900px) {
    .panel-how{
        height: auto;
    }
    .panel-how .grid{
        display: flex;
        flex-wrap: wrap; 
    }
    .panel-how .grid-item {
        flex: 0 0 25%; 
    }
    .expert-card {
        flex: 0 0 47%;
    }
    .commercia-note-wrap{
        justify-content: flex-start;
        padding: 25px 0px 25px;
    }
    .commercial-note {
    width: 500px;
    max-width: 82%;
    margin: auto;
    }
    .commercial-note {
        width: 500px;
        max-width: 82%;
        margin: auto;
    }
    .why-choose-us .section-header {
    max-width: 80%; 
}
.choose-item-grid img {
        max-width: max-content;
        margin-left: auto;
        /* transform: rotate(90deg); */
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
    }
.illuminaty .choose-item-grid-wraper{
    flex-wrap: wrap;
}
.illuminaty .choose-item-grid 
 {
        width: 30%;
        height: 200px;
        display: flex;
        position: relative;
        flex-direction: column;
    }
.choose-item-grid-wraper .choose-item-grid:nth-child(even) .choose-item-grid-content {
    transform: translateY(0rem);
}
.choose-item-grid-content{
    transform: translateY(0px);
    position: relative;
        padding-left: 0;
}
 .sidenav{
        width: 100%;
        padding: 25px 25px 20px;
        overflow: auto;
    }
    .sidenav-row{
        flex-direction: column;
        justify-content: start;
        align-items: baseline;
    }
    .sidenav-social-media ul{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 2rem 0;
    }
    .sidenav-social-media ul li:not(:last-child) a{
        margin-bottom: 0;
    }
    .sidenav-social-media ul li a,
    .sidenav-social-media ul li{
        line-height: 1;
    }
    .sidenav-social-media ul li:not(:last-child){
        margin-right: 20px;
    }
    .sidenav-menu a{
        font-size: 21px;
    }
    .eltdf-hm-lines{
        top: 0;
        right: 0;
    }
    .sidenav-menu{
        padding-top: 0;
    }
    .service_menu li a{
        margin-bottom: 20px;
    }
    .service_menu h3 a{
        margin-bottom: 24px;
        font-size: 20px;
    }
    .sidenav-social-media ul{
        margin-top: 40px;
    }
    .sidenav-credit p{
        margin-right: 0;
    }
    /*================= blog page =====================*/
    .blog-item-col,.news-events-item-col {
        max-width: 50%;
        margin-bottom: 23px;
    }
    .blog-listing .section-header{
        margin-bottom: 40px;
    }
    .footer-menu-wraper{
        justify-content: center;
        padding-bottom: 5px;
    }
    .footer-logo{
        text-align: center;
        margin-bottom: 40px;
    }
    .footer-credit{
        flex-direction: column-reverse;
    }
    .footer-credit ul{
        padding-left: 0;
        margin-bottom: 13px;
    }
    .fade-text{
        font-size: 175px;
        margin: auto;
        right: 0;
    }
    /*================= // blog page =====================*/

    /*================= single blog page =====================*/
    .single-header-row{
        display: block;
    }
    .single-blog-info{
        padding-left: 0;
    }
    .single-head{
        padding: 0;
        margin-bottom: 20px;
        border: none;
    }
    .single-head h1 {
        font-size: 28px;
    }
    .blog-content h2 {
        font-size: 28px;
    }
    /*=================// single blog page =====================*/

    /*================= career page =====================*/
    .why-choose-item-col{
        max-width: 50%;
    }
        .why-join-us .section-head {
        margin-bottom: calc(160px - 25px * 4);
    }
    .why-choose-item-wraper {
        padding-bottom: calc(200px - 35px *4);
    }
    .why-choose-item-col {
        margin-bottom: calc(40px - 6px*3.5);
    }
    .home-text h1 {
        font-size: 36px;
    }
    /*=================// career page =====================*/

    .single-career-banner-row{
        flex-direction: column;
        align-items: start;
    }
    .single-career-banner-image{
        max-width: 100%;
        display: none;
    }
    .single-career-banner-content{
        padding-left: 0;
    }
    /*=============== service listing page =================*/
    .service-listing-item-col{
        max-width: 50%;
    }
    .service-listing-header .section-head{
        font-size: 30px;
    }
    /*=============== // service listing page =================*/

    /*================== about page ======================*/
   .about-page{
    padding-top: 150px;
   }
   .gradient-circle{
    height: calc(500px - 80px*4.5);
    background: linear-gradient(180deg, #02000900 62%, #0040BD 102.63%);
   }
   .gradient-circle-child{
    height: calc(360px - 60px*4.5);
    background: linear-gradient(180deg, #02000900 58%, #0040BD 102.63%);
   }
   .about-banner{
    padding-bottom: 45px;
   }
   .about-description p{
    margin-bottom: calc(60px - 10px*3);
    font-size: 16px;
   }
   .about-content{
    padding-bottom: calc(140px - 20px*4);
   }
 

   .shape-left-about, .shape-right-about{
    top: -3rem !important;
   }
   /*==================// about page ======================*/

   /*================ single fee page ==================*/
   .wp-block-quote{
    font-size: 23px;
   }
   /*================// single fee page ==================*/
}
@media  (max-width: 720px) {
    .eltdf-hm-lines {
        top: -30px;
        right: 0;
    }
        .container {
        max-width: 90%;
    }
    .commercial-note { 
        max-width: 90%; 
        width: 100%;
    }
    .inshort-how{
        width: 100%;
    }
    .panel-how .grid-item {
        flex: 0 0 50%; 
    }
    .expert-card {
        flex: 0 0 48%;
    }
    .panel-experts{
        padding: 50px 50px;
    }
        .bubbles {
        margin-top: 50px;
    }
        .bubble {
        width: 150px;
        height: 150px;
        transform: translate(0px, 0px) !important;
        margin: 0 10px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .panel-why {
        padding: 80px 20px;
        height: auto;
        padding-bottom: 0;
}
    .ellipsewave {
        width: 40px;
    }
    .wave-8,.wave-7,.wave-6 {
        width: 25px;
    }
    .cta-bg-img { 
    height: 105%; 
}
    .cta-wave-img {
        width: 250px !important;
        height: 250px;
        left: 17.3%;
        top: 5%;
        object-fit: contain;
    }
        .sidenav {
        width: 100%;
        padding: 50px 20px 20px;
    }
        .sidenav-menu a {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .service_menu {
    border-top: 1px solid #ccc;
    width: 100%;
    padding-top: 30px;
}
    .sidenav-row { 
    flex-direction: column;
    align-items: flex-start;
}
.sidenav-social-media {
    width: 100%;
}
.sidenav-social-media ul{
 display: flex;
    gap: 15px;
    margin-top: 30px;
    margin-bottom: 15px;
    justify-content: space-between;
    width: fit-content;
}
.sidenav-relative{
    justify-content: flex-start;
}
.panel-why {
        padding: 40px 20px; 
    }
    .blue-bars .bar:nth-child(1),.blue-bars .bar:nth-child(2) {
    height: 70vh;
}
.blue-bars .bar:nth-child(3) {
    height: 60vh;
}

/*=============== team page =================*/
.team-listing .container, .team-listing-wraper .container{
    max-width: 90%;
}
.team-image{
    height: 160px;
    width: 160px;
    margin-bottom: 18px;
}
.team-item-col{
    width: 33.333%;
}
.team-info{
    padding-left: 40px;
}
.modal-inside {
        padding: calc(90px - 15px * 3) calc(100px - 15px * 3) calc(60px - 10px * 3) calc(100px - 15px * 3);
    }
    .team-wraper{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .team-info{
        padding-left: 0;
    }
    .modal-inside{
        padding-inline: 25px;
        overflow: auto;
        overflow-x: hidden;
    }
    .team-info-scroll{
        max-height: 100%;
    }
    .team-member-info li span{
        display: block;
        margin-bottom: 2px;
    }
    .designnation{
        padding-bottom: 7px;
        margin-inline: auto;
    }
    .designnation::after{
        left: 0;
        right: 0;
        margin: auto;
    }
    .teamModal .modal-content .square-anim{
        width: 150px;
        height: 150px;
    }
    .team-info h4{
        margin-bottom: 7px;
    }
    .teamModal .modal-content .square-anim{
        left: 0;
        top: 0;
        filter: blur(40px);
    }
    
/*============== /team page =================*/

/*================== about page ======================*/
   .about-page{
    padding-top: 150px;
   }
   .gradient-circle{
    height: calc(500px - 80px*4.5);
    background: linear-gradient(180deg, #02000900 62%, #0040BD 102.63%);
    margin-top: -4rem;
   }
   .gradient-circle-child{
    height: calc(360px - 60px*4.5);
    background: linear-gradient(180deg, #02000900 58%, #0040BD 102.63%);
   }
  .decade-col{
    width: 100%;
  }
   .about-description p{
    margin-bottom: calc(60px - 10px*3);
    font-size: 16px;
   }
   .about-container{
    max-width: 90%;
   }
   .about-content{
    padding-bottom: calc(140px - 20px*4);
   }
 .about-banner-img{
    max-width: 100%;
 }
.square-anim{
    height: 200px;
    width: 200px;
}
   .shape-left-about, .shape-right-about{
    top: -3rem !important;
   }
   /*==================// about page ======================*/
}
@media (max-width: 575px) {
    .panel{
        overflow-x: hidden;
    }
    .panel-hero{
        height: 80vh;
        height: 100vh;
    }
    .commercial_banner .home-text {
    width: 90%;
}
.why-choose-us-flex .section-header {
        width: 100%;
        margin-bottom: 0;
    }
    .section-header p { 
    line-height: 1.5;
}
    .inshort-how p{
        width: 80%;
    }
    .expert-card {
        flex: 0 0 100%;
    }
    .panel-experts{
        padding: 50px 20px;
    }
    .legal-btn span {
        padding: 8px 8px;
        font-size: 10px;
    }
        .ellipsewave {
        width: 28px;
    }
    .wave-8, .wave-7, .wave-6 {
        width: 14px;
    }
        .legal-btn span {
        padding: 8px 15px;
        font-size: 12px;
    }
    .panel-how .grid-item{
        line-height: 1.4;
     }
     .bubble{
        width: 135px;
        height: 135px;
     }
     .blue-bars .bar{
        width: 28px;
     }
     .avatar {
        width: 90px;
        height: 90px;
    }

    .cta-bg-img {
        height: 75%;
    }
    .cta-card{
        left: 0;
    }
        .service_cta {
        left: 10%;
    }
    .cta-wave-img { 
        left: 45.3%; 
    }
    .illuminaty .choose-item-grid{
        width: 50%; 
    }
    .header-scroll .container{
        max-width: 100%;
        padding: 0 15px;
    }
/*================= blog page =====================*/
    .vertical-align .container{
        max-width: 100%;
        padding: 0 15px;
    }
    .blog-item-col,.news-events-item-col {
        max-width: 100%;
        margin-bottom: 23px;
    }
    .blog-banner .home-text {
        width: 100%;
        text-align: center;
    }
    .blog-banner .home-text h1{
        font-size: 32px;
        margin-bottom: 12px;
    }
    .blog-item-image {
        height: 370px;
    }
    .news-events {
        padding-top: 36px;
    }
        .news-events .section-header {
        margin-bottom: 30px;
    }
        .news-events-item-content-head h4 {
        font-size: 20px;
    }
    .footer-credit p, .footer-credit a{
        font-size: 14px;
    }
    .footer-credit ul li:not(:last-child){
        margin-right: 10px;
    }
    .footer-menu-wraper ul{
        padding: 0 16px;
        margin-bottom: 20px;
    }
    .footer-credit {
        padding: 15px 0 15px 0;
    }
    .footer-credit ul{
        margin-bottom: 7px;
    }
    /*================= //blog page =====================*/

    /*================= single blog page =====================*/
    .single-head h1 {
        font-size: 25px;
    }
    .single-blog-info h4{
        font-size: 16px;
    }
    .single-blog-info p{
        font-size: 14px;
    }
    .single-blog-header{
        margin-bottom: 25px;
    }
    .blog-share ul {
        margin-top: 15px;
    }
    .featured-image {
        margin-bottom: 20px;
    }
    .blog-content :where(ul,ol){
        margin-bottom: 18px;
    }
    .may-like-wraper{
        padding-top: 25px;
    }
    /*=================// single blog page =====================*/
    
    /*================= career page =====================*/
    .home-text h1 {
        font-size: 26px;
    }
        .career-banner {
        height: calc(800px - 130px *2.5);
        padding-top: 4rem;
    }
    .career-banner::before {
        height: 140px;
    }
    .why-choose-item-col {
        max-width: 100%;
    }
    .why-choose-item-wraper {
        padding-bottom: 22px;
    }
    .why-join-us .section-head{
        margin-bottom: 30px;
    }
    .current-openings .section-head {
        margin-bottom: 30px !important;
    }
    .job-post-info ul li{
        font-size: 14px;
    }
    .job-post-row{
        flex-wrap: wrap;
    }
    .job-post-info h4 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .apply-post .legal-btn{
        margin-top: 1rem;
    }
    .why-join-us{
        padding: 40px 0;
    }
    .svgAnim svg{
        max-width: 100%;
    }
    .job-post-item {
        padding: 15px 0 15px 0;
    }
    /*=================// career page =====================*/
    .single-career-banner-image{
        display: block;
        margin-bottom: 25px;
        height: auto;
    }
    .single-career-banner-content .section-head{
        margin-bottom: 22px;
    }
    .single-career-banner-row {
        padding-bottom: 30px;
    }
    .single-career-content-wraper {
        padding: 19px 0 60px 0;
    }
        .single-career-content h2 {
        font-size: 20px;
    }
    .single-career-content h3{
    font-size: 18px;
    }
    .single-career-content h4{
    font-size: 16px;
    }
    .single-career-content h5{
    font-size: 15px;
    }
    .single-career-content h5{
    font-size: 14px;
    }
    .single-career-form{
        width: 100%;
    }
    /*=============== service listing page =================*/
    .service-listing-item-col{
        max-width: 100%;
    }
    .service-listing-header .section-head {
        font-size: 26px;
    }
    .service-listing-header br{
        display: none;
    }
    .service-listing-banner{
        height: 440px;
    }
    .service-listing-header{
        padding-bottom: 50px;
    }
    .service-listing-item-wraper{
        padding-bottom: 60px;
    }
    /*=============== // service listing page =================*/
    .immigration.why-choose-us .grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .immigration.why-choose-us .grid-item{
        padding: 5px;
        height: 130px;
    }

    /*=============== team page =================*/
.team-listing .container, .team-listing-wraper .container{
    max-width: 100%;
    padding: 0 15px;
}
.team-image{
    height: 120px;
    width: 120px;
}
.team-item-col{
    width: 50%;
}

.team-info h4{
    font-size: 22px;
}

/*============== /team page =================*/
}
@media(max-width: 450px){
    .team-item-col{
    width: 100%;
    }
    .team-item-col .member{
        margin: auto !important;
    }
    .team-listing .home-text{
        text-align: center;
    }
    .team-listing{
        padding-top: 125px;
    }
    .team-listing .home-text{
        margin-bottom: 40px;
    }
    .team-listing-wraper{
        padding-bottom: 40px;
    }
}

@media(max-width: 1200px){
    
    .timeline-nav{
        display: none;
    }
    
    .panel.home,
    .panel.about,
    .panel.services-commercial,
    .panel.services-personal,
    .panel.team-section,
    .panel.blog-section,
    .panel.contact-section{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .home{
        padding: 120px 0 40px 0;
        background-position: unset !important;
        opacity: 1 !important;
    }
    .home-text,.home-note-wrap{
        position: static;
    }
    .abt-vision-mission{
        position: relative;
        z-index: 1;
    }
    .svc-card{
        opacity: 1;
        margin-top: 0 !important;
    }
    .services-personal .pvc-grid{
        padding-left: 0;
    }
    .pvc-card:nth-child(odd){
        padding-top: 2rem;
    }
    .services-personal .pvc-grid{
        flex-wrap: wrap;
        width: 100%;
    }
    .pvc-card{
        flex: auto;
        max-width: 33.333%;
        margin-bottom: 0;
        justify-content: flex-start;
    }
    .pvc-title{
        position: relative;
        padding-left: 0;
    }
    .pvc-wrap{
        padding: 0;
    }
    .panel.about{
        padding: 40px 0;
    }
    .services-personal{
        padding: 40px 0;
    }
    .pvc-card .legal-btn{
        opacity: 1;
        transform: none;
    }
    .pvc-card::after{
        height: 100%;
        top: 0;
        bottom: unset;
        display: none;
    }
    .pvc-card:nth-child(odd)::after{
        bottom: unset;
    }
    .svc-grid{
        flex-wrap: wrap;
        gap: 0;
        margin-inline: -30px;
    }
    .svc-card{
        width: 33.333%;
    }
    .svc-card .svc-cta{
        opacity: 1;
    }
    .svc-card .svc-icn{
        opacity: 1;
    }
    .svc-title{
        padding-left: 0;
    }
    .services-commercial{
        padding-left: 0;
    }
    .commercialservice{
        width: 82%;
        margin: auto;
    }
    .pvc-title{
        margin-bottom: 30px;
    }



    .team-section{
        padding-block: 40px !important;
    }
    .team-content{
        position: relative;
    }
    .team-wrapper{
        flex-wrap: wrap;
        padding: 0;
    }
    .member{
        transform: none !important;
        margin-right: 20px;
        margin-bottom: 25px;
    }
    .team-scroll{
        padding-top: 0;
    }

    .blog-section{
        padding: 40px 0;
    }
    .blog-header{
        position: relative;
    }
    .blog-container{
        display: block;
    }
    .blog-header{
        margin-bottom: 36px;
    }
    .blog-grid-wrap{
        margin-top: 0;
    }
    .blog-info{
        display: block;
    }
    .blog-subject{
        width: 100%;
    }

    .contact-section{
        overflow: hidden;
        padding-block: 40px;
    }
    
   .contact-link{
    flex-direction: column;
   }
   .contact-link a{
    margin-bottom: 15px;
   }
   .services-personal{
    overflow: hidden !important;
   }
   .blog-container.container{
    max-width: 82%;
    width: 82%;
   }
}

@media(max-width: 1119px) and (min-width: 992px){
    .about-text{
        padding-top: 0;
        padding-bottom: 0;
    }
    .svc-title{
        margin-bottom: 36px;
    }
}

@media(max-width: 900px){
    .about-mission{
        margin: 20px 0;
    }
    .svc-title,
    .pvc-title{
        padding-left: 0;
    }
    .svc-grid{
        margin-inline: -30px;
    }
    .services-commercial{
        padding-left: 0;
    }
    .commercialservice{
        width: 82%;
        margin: auto;
    }
    .pvc-wrap{
        padding: 0;
    }
    .pvc-grid{
        margin-inline: -15px;
    }
    .blog-grid-wrap{
        flex-wrap: wrap;
        gap: 0;
    }
    .blog-grid{
        width: 33.333%;
        padding: 0 10px;
        flex: none;
        margin-bottom: 25px;
    }
    .blog-info{
        display: block;
    }
    .blog-subject{
        width: 100%;
    }
    .contact-link{
        display: block;
    }
    .contact-link a{
        margin-bottom: 15px;
    }
    /*============== fee information page =================*/
    .fee-information_row{
        margin: 0;
    }
    .fee-information_col{
        max-width: 50%;
    }
    /*============== // fee information page =================*/

    .supporting-page .single-blog-header{
        margin-bottom: 0;
    }
}
@media(max-width: 720px){
    .svc-card{
        width: 50%;
    }
    .pvc-card{
        max-width: 50%;
    }
    .pvc-card:nth-child(even)::after{
        display: none;
    }
    .commercialservice{
        width: 90%;
    }
    .team-section{
        padding-inline: 0 !important;
    }
    .team-content, .team-scroll{
        max-width: 90%;
        margin-bottom: 36px;
        margin-inline: auto;
        width: 100%;
    }
}

@media(max-width: 576px){
    .home-text,
    .home-note{
        width: 100%;
    }
    .svc-title, .pvc-title{
        text-align: center;
        font-size: 26px;
        margin-bottom: 26px;
    }
    .about-text h1, .about-mission h2, .about-vision h2{
        font-size: 26px;
    }
    .about-text p{
        font-size: 14px;
    }
    .svc-grid,
    .pvc-grid{
        margin: 0;
    }
    .about-mission, .about-vision,
    .about-text{
        width: 100%;
    }
    .about-mission .d-flex, .about-vision .d-flex{
        flex-direction: column;
        align-items: center;
    }
    .about-text{
        padding-top: 0;
    }
    .about-vision{
        margin: 0;
    }
    .mission-text{
        text-align: center;
    }
    .about-mission svg, .about-vision svg{
        margin-right: 0;
        height: auto;
        margin-bottom: 20px;
    }
    .svc-card, .pvc-card{
        width: 100%;
        text-align: center;
    }
    .pvc-card{
        max-width: 100%;
        align-items: center;
    }
    .pvc-card .legal-btn{
        transform: none;
    }
    .pvc-icn{
        text-align: center;
    }
    .pvc-card .pvc-icn img{
        width: auto;
    }
    .member{
        margin-right: 0;
        height: 190px;
        width: 190px;
    }
    .team-wrapper{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .team-content{
        text-align: center;
        align-items: center;
        margin-bottom: 30px;
    }
    .blog-grid{
        flex: auto;
    }
    .blog-grid{
        width: 100%;
        padding: 0;
    }
    .pvc-card .pvc-icn img{
        margin-bottom: 18px;
    }
    .contact-section .blog-container.container,
    .blog-container.container{
        max-width: 90%;
        width: 90%;
    }
    .contact-wrap{
        flex-direction: column;
    }
    .wid-4{
        width: 100%;
    }
    .contact-details{
        margin-bottom: 25px;
    }
    .contact-adddress{
        margin-bottom: 30px;
    }
    .loader .percent{
        font-size: 18px;
    }
    /*============== fee information page =================*/
    .fee-information_row{
        margin: 0;
    }
    .fee-information_col{
        max-width: 100%;
    }
    /*============== // fee information page =================*/
    .header-secondary .container{
        padding: 22px 15px !important;
    }
    .single-blog-header{
        padding-top: 6.5rem;
    }

    /*================ single fee ====================*/
    .supporting-page .single-blog-header{
        margin-bottom: 0;
    }
    .wp-block-quote{
        padding: 30px 30px 30px 30px;
    }
    /*================ // single fee ===================*/
}