* {
  box-sizing: border-box;
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .swiper-container > .swiper-wrapper > .swiper-slide > .text-swiper {
    background-color: #103859;
    height: 50px;
    backdrop-filter: blur(10px);
    position: absolute;
    top: 82.6%;
    opacity: 1;
  }
.main-banner-problem{
    display:none !important;
}
.main-banner-problem1{
    aspect-ratio:101:68;
}
  #new-1{
     background-color:#e9e9e9 !important;
     width:100% !important;
     padding:0 !important;
  }
    #new-2{
 display:none;
  }
#art-imh{
    width:100%;
    margin:0 !important;
}
#art-imh1{
   display:none;
}
#art-imh2{
    width:100%;
}
.abt-p-ppp{
    /*border:4px solid;*/
    width:100% !important;
}
.para{
    /*color:#103859 !important;*/
}
.our-agenda{
    /*border:5px solid;*/
    margin-bottom:48px;
    
    
}
  .swiper-container > .swiper-wrapper > .swiper-slide .text-swiper p {
    /* opacity: 1; */
    color: #fff;
    font-size: 20px;
    width: 100%;
    height: 60px;
    padding-top: 10px;
    padding-bottom: 56px;
  }
  .agend-font {
    font-weight: 400;
    font-size: 14px;
  }

  .mycont {
    display: flex;
    flex-wrap: wrap;
  }

  .para p {
     margin-top: 6%; 
    /* border: 1px solid; */
      /*color:#103859 !important;*/
    font-weight: 500;
    font-size: 15px;
  }
  #about-prob{
      padding:10px !important;
           padding-bottom:48px !important;
  }
  .abt-vision{
      padding:0px 12px;
  }
  .abt-pra {
    padding:0px 12px;
    font-size: 16px;
  }
  .abt-img {
    /* border: 3px solid !important; */
    width: 100% !important;
    height: 50% !important;
  }

  .work-img {
    /* border: 1px solid red; */
    width: 89%;
    margin: auto;
  }

  .work-img .work1 > img {
    /* border: 2px solid black; */
    width: 100%;
    /*height: 268px;*/
    /* margin-left: 25px; */
  }

  .work-img .work2 > img {
    /* border:2px solid black; */
    width: 100%;
    height: 220px;
    /* margin-left: 25px; */
  }

  .work-img .work2 > a {
    left: 38%;
    bottom: 7px;
  }
 .work-img .work1 > #work-prob{
     /*border:4px solid;*/
     left: 37%;
    bottom: 7px;
 }
  .work-img .work1 > a {
    left: 33%;
    bottom: 7px;
  }

  .fix {
    /* border: 1px solid; */
    margin-left: 2px;
    color: #0c7272;
  }

  .work-img > p {
    width: 91%;
    /* border: 2px solid red; */
    padding: 0 0%;
    /* margin-left: -3%; */
    font-size: 15px;
  }

  .parent-team {
    display: block;
  }

  .slide {
    display: block;
  }

  .slide-close {
    display: none !important;
  }

  /* .ease-in-out > h3 {
      padding-left: 10px;
      border: 5px solid;
    } */
  .problem {
    display: none;
  }

  .problem2 {
    display: block;
  }

  .problem3 {
    display: none;
  }
#foot-main{
gap:2rem !important;
    
}
  .team {
    /*border: 2px solid red; */
    height: 170px;
    /* border: 1px solid !important; */
  }

  .team > img {
    /* border: 6px solid blue; */
         height: 80%;
        width: 44%;
  }

  .main-cara {
    /* border: 4px solid red; */
    height: 298px;
  }

  .main-cara .main-cara1 {
    /* border: 4px solid blue; */
    /* height: 300px; */
  }

  .main-cara .main-cara1 > .slid2 img {
    height: 100%;
    /* border: 3px solid red; */
  }

  #hell {
    display: block;
  }

  #such {
    overflow: visible;
    top: 80%;
    /* text-wrap: wrap; */
    text-align: justify;
    min-height: 40px;
  }

  #such > p {
    font-size: 11px;
    /* line-height: 5px; */
    min-height: 40px;
  
  }
  #art-pro{
      /*border:4px solid;*/
      font-size:16px;
  }

  #footerSection {
    /* width: 902; */
     /*border: 4px solid; */
     margin:-38px 0px !important;
  }

  .fb-page-container {
    max-width: 100%;
  }

  .mypic {
    width: auto;
    height: 170px;
    margin: auto;
  }

  .hard {
    /* border: 4px solid; */
    font-size: 16px;
    padding: 0 22px;
  }

  .pparent-team {
    display: none;
  }
  .entry-content a {
    color: #494444 !important;
    font-weight: bold;
    /* border: 4px solid; */
  }
  #font-bbb {
    font-weight: 400;
  }
  #img-tc {
    margin-top: -44px;
  }
  #cls {
    font-weight: 400;
    font-size: 13px;
    text-align: justify;
  }
}

/* ============================================================= */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slide {
    display: none;
  }
  .main-banner-problem{
    display:block !important;
}
  .main-banner-problem1{
    display:none !important;
}
    #article-btn1{
      
 display: none;
  }
      #new-2{
 display:block !important;
  }
       #new-1{
 display:none !important;
  }
#art-imh{
   display:none !important;
}
#art-imh1{
   display:block !important;
}
  .slide-close {
    display: block !important;
  }

  .mycont {
    display: none !important;
  }

  .problem2 {
    display: none !important;
  }

  #hell {
    display: none;
  }

  .problem {
    display: block;
  }

  .mypic {
    width: auto;
    height: 225px;
    margin: auto;
  }

  .hard {
    /* border: 4px solid; */
    font-size: 18px;
    padding: 0 20px;
  }

  .parent-team {
    display: none;
  }

  .pparent-team {
    display: block;
  }
}

/* ================================================================================ */

@media only screen and (min-width: 992px) {
  .mycont {
    display: none !important;
  }
    .main-banner-problem{
    display:block !important;
}
  .main-banner-problem1{
    display:none !important;
}
 #article-btn1{
      
display: none;
  }
  .slide {
    display: none;
  }
#art-imh{
   display:none !important;
}
#art-imh1{
   display:block !important;
}
  .slide-close {
    display: block !important;
  }

  .problem2 {
    display: none !important;
  }

  #hell {
    display: none;
  }

  .problem {
    display: block;
  }
 
 #new-2{
      display:block !important;
            
  
 }
  #new-1{
      display:none !important;
  
 }
  .problem3 {
    display: block;
  }

  .hard {
    /* border: 4px solid; */
    font-size: 18px;
    padding: 0 25px;
  }

  .mypic {
    width: 97%;
    height: 260px;
    margin: auto;
  }

  .parent-team {
    display: none;
  }

  .pparent-team {
    display: block;
  }
}

.fb-page-container {
  width: 100%;
  max-width: 500px;
  /* Adjust this value as needed */
  height: auto;
  margin: 0 auto;
}