@media screen and (min-width:1600px) {}
@media screen and (max-width:1371px) {.nav__menu ul li.nav-item {margin-left: 10px;}}
@media screen and (max-width:1331px) {
    .nav__menu ul li.nav-item {margin-left: 5px;}
    .nav__menu ul .nav-item .nav-link {font-size: 14px;line-height: 24px;}
    a span[data-hover]::before {transform: translate3d(0, 2px, 0);}
    a:hover span[data-hover] {
  -webkit-transform: translate3d(0, -105%, 0);
  transform: translate3d(0, -105%, 0);
}
    .navbar-nav .nav-item .nav-link img {width: 16px;height: 34px;}
    .header .nav__logo {max-width: 200px;}
    .join .join__title {font-size: 75px;line-height: 24px;}
    .join__main::after {right: -63px;top: 50%;max-width: 380px;height: 380px;}
    .footer__box img {max-width: 230px;width: 100%;}
    .nav-item.nav__btn .nav-link.btn {padding-inline:25px;}
}
@media screen and (max-width:1300px) {
    .banner__main h2 {font-size: 42px;line-height: 50px;}
    .sec__title h3 {font-size: 36px;line-height: 42px;}
    .sec__title .paragraph {margin-top: 25px;}
    .about__box__img {top: 68%;}
    .container {max-width: 100%;width: 100%;padding-inline:2%;}
    .services__grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));gap:20px;}
}
@media screen and (max-width:1230px) {
    .services__grid {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}
    .service__box .ser__box__title {font-size: 22px;line-height: 30px;}
    .line__bar {padding-block:15px;}
    .service__box .ser__box__title {font-size: 22px;line-height: 30px;}
    .sec__title .paragraph {font-size: 14px;line-height: 24px;}
    .join p {font-size: 14px;line-height: 24px;}
    .about__box__img {top: 70%;}
}
@media screen and (max-width:1200px) {
    .nav__menu ul .nav-item .nav-link {font-size: 13px;line-height: 22px;}
    .sec__title h3 {font-size: 32px;line-height: 38px;}
    .banner__main p {font-size: 17px;line-height: 27px;}
    .header .nav__logo {max-width: 185px;}
    .footer__box img {max-width: 200px;width: 100%;}
    .join .join__title {font-size: 65px;line-height: 22px;}
    .join__main::after {right: -63px;top: 50%;max-width: 380px;height: 350px;}
    .f__memu span {color: #c5c5c5;padding:0 5px;}
}
@media screen and (max-width:1180px) {
    .services__grid {grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
    .container {max-width: 100%;width: 100%;padding-inline:3%;}
    .footer__box .footer__ul li {list-style-type: none;display: flex;align-items: center;gap:5px;}
    .footer__box .footer__ul li {list-style-type: none;display: flex;align-items: center;gap:5px;}
}
@media screen and (max-width:1140px) {
    .nav__menu ul .nav-item .nav-link {font-size: 12px;line-height: 20px;}
    .nav-item.nav__btn .nav-link.btn {padding-inline:18px;}
    .nav__btn .btn {padding: 8px 15px;}
    /* .footer__box .footer__ul li a {font-size: 14px;line-height: 12px;} */
    .join .join__title {font-size: 56px;line-height: 20px;}
    .banner__btn__set .btn_gradient {width: 170px;height: 52px;}
    .sec__btn__set .btn_gradient {width: 170px;height: 52px;}
    .join__btn__set .btn_gradient {width: 170px;height: 52px;}
}
@media screen and (max-width:1120px) {
    .services__grid {grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));}
}
@media screen and (max-width:1050px) {
    .nav__menu ul .nav-item .nav-link {font-size: 11px;line-height: 18px;}
    .nav__menu ul li.nav-item {margin-left: 3px;}
    .header .nav__logo {max-width: 175px;}
    .banner__main h2 {font-size: 36px;line-height: 46px;}
    .banner__main p {font-size: 15px;line-height: 26px;}
    .sec__title h3 {font-size: 30px;line-height: 36px;}
    .about__box__img {top: 74%;}
    .join__main::after {right: -70px;top: 40%;max-width: 380px;height: 350px;}
    .join p {padding-inline: 138px;}
    /* .footer__box .footer__ul li a {font-size: 13px;line-height: 12px;} */
    .navbar .dropdown-menu .dropdown-item {font-size: 11px;line-height: 18px;}
     a span[data-hover]::before {transform: translate3d(0, 5px, 0);}
    a:hover span[data-hover] {
  -webkit-transform: translate3d(0, -115%, 0);
  transform: translate3d(0, -115%, 0);
}
}
@media screen and (max-width:1024px) {
    .f__memu span {color: #c5c5c5;padding:0 2px;}
    .f-icon i {font-size: 18px;line-height: 24px;}
    .f-icon {padding: 19px;}
}
@media screen and (max-width:992px) {
    .join__main::after {right: -125px;top: 40%;max-width: 380px;height: 225px;}
    .join .join__title {font-size: 52px;line-height: 18px;}
    .join p {padding-inline:120px;}
    .footer__menu .f__memu a {color: #c5c5c5;font-size: 13px;line-height: 28px;}
    .copy__right .copy {font-size: 13px;line-height: 16px;}
    .common__sec, .common__sec2 {padding-top: 50px;padding-bottom: 50px;}
    .sec__title h3 {font-size: 26px;line-height: 30px;}
    .sec__btn__set {margin-top: 28px;}
    .about__box__img {top: 70%;}
    .join__btn__set {margin-top: 20px;}
    /* moblie menu  */
    .header {
        background-color: rgba(0, 0, 0, 0.88);
        position: relative;
        min-height: 66px;
        width: 100%;
        top: 0;
        z-index: 999;
        left: 0;
        /* position: fixed; */
      }
      
      .banner__main {position: relative;}
      .nav__menu ul .nav-item .nav-link {
        color: #fff;
        font-size: 15px;
        line-height: 25px;
        text-transform: uppercase;
        font-family: 'Poppins-Regular';
      }
      .navbar-nav-scroll {overflow-y: auto;max-height: 100%;}
      .nav__menu .navbar-nav {align-items: start;}
      .navbar-nav .nav-item .nav-link img{display: none;}
      .navbar-toggler span {width: 25px;}
            .nav__menu ul li.nav-item:hover .dropdown-menu {
              height: 0;
              z-index: -1;
              overflow: hidden;
            }
      .dropdown-menu {display: none;}
      .dropdown-menu.show {display: block;opacity: 1;position: relative !important;}
      .nav-item.nav__btn {margin-top: -50px;}
      .nav__menu ul li.nav-item{margin-bottom: 10px;}
      .navbar-toggler{padding: 0;}
      .navbar .dropdown-menu {margin-top: -10px;}
      .navbar-nav > .nav-item.nav {margin-top: 30px;}
      .banner__main .carousel-indicators {
        position: absolute;
        bottom: 6%;
        left: 46%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: row;
        gap:12px;
        margin:0;
        z-index: 1;
        top: auto !important;
        right: auto !important;
        z-index: 999;
      }
      .banner__main .mouse{display: none;}
      .join__btn__set .btn_gradient {width: 200px;height: 45px;}
      .sec__btn__set .btn_gradient, .banner__btn__set .btn_gradient {width: 165px;height: 45px;}
      .navbar-nav > .nav-item.nav__btn {margin-bottom: 30px; margin-top: -20px; }
      .nav__menu ul li.nav-item .dropdown-menu{  
        height: 0;
        z-index: -1;
        overflow:hidden;}
        .nav__menu ul li.nav-item .dropdown-menu.show{  
        height: auto;
        z-index: -1;
        overflow:auto;
        top: -12px;
      left: 0;
      }
      .contact__us__title h2 { display: none;}
      .contact__bg__text {font-size: 135px; top: 15px;} 
      .inner__banner .inner__banner__content {top: 0px;}
      .contact__form {margin: 0;}
      .common__sec.bg__top__img .row {gap:20px;}
      .bg__top__img .top__img {right: 70%;}
      .nav__menu ul li.nav-item.dropdown {
        position: relative;
        z-index: 99;
      }
      .ser__box__contnet img {
        max-width: 500px;
      }
      .ser__box {padding:
        25px;
        }
    .ser__box__list li a {font-size: 15px;padding:16px;}
    .box__bm .box .box__sub {
      font-size: 26px;
      line-height: 30px;
    padding-bottom: 7px;
    }
    .about__main img {    
    max-width: 371px;
    height: 422px;
    position: relative;
    bottom: -32px;
    left: 2px;
    }
    .nav__menu .navbar-nav .nav-item {
  width: 100%;
}
.nav__menu .navbar-nav .nav-item.nav__btn {
  width: auto;
}
.nav__menu ul .nav-item .nav-link .bi {
  margin-left: auto;
  margin-right: 10px;
}
.nav__menu ul .nav-item .nav-link:hover::before, .nav__menu ul .nav-item .nav-link.active::before {display: none;}
}
@media screen and (max-width:851px) {
    .banner__main h2 {font-size: 32px;line-height: 42px;}
    .about__box {padding: 40px 30px;}
    .sec__btn__set .btn_gradient span {font-size: 15px;line-height: 26px;gap:8px;}
    .join__btn__set .btn_gradient span {font-size: 15px;line-height: 26px;gap:8px;}
    .btn_gradient span {font-size: 15px;line-height: 26px;gap:8px;}
    .join__main::after {right: -154px;top: 40%;max-width: 356px;height: 270px;}
    .fsocial__icons {gap:10px;display: flex;margin-top: 10px;}
    .f-icon i {font-size: 16px;line-height: 22px;}
    .f-icon {padding:16px;}
    .about__box__img img {max-width: 152px;}
    .banner__btn__set {margin-top: 28px;}
    .banner__main p {width: 55%;}
    .banner__btn__set {margin-top: 25px;    }
    
}
@media screen and (max-width:769px) {
    .banner__main h2 {font-size: 30px;line-height: 40px;}
    .banner__main p {width: 65%;}
    .about__box {padding:30px 20px;}
    .about__box__img img {max-width: 160px;}
    .about__box__img {top: 72%;}
    .sec__btn__set {margin-top: 50px;}
    .join p {margin-top: 24px;}
    .join__main::after {right: -200px;top: 41%;max-width: 368px;height: 246px;}
    .banner__main p {font-size: 15px;line-height: 22px;}
    .banner__main p{width: 70%;}
    .map__sec iframe {position: relative;height: 350px;}
    .contact__form {position: relative;left: 0 !important;}
    .common__sec.map__sec.pt-0 {flex-direction: column-reverse;display: flex;border-top: 1px solid #e2e2e2;padding-bottom: 0;}
    .map__sec::before {background-color: rgba(75, 75, 75, 0);}
    .contact__us__title h2 {font-size: 82px;line-height: 88px; display: none;}
    .contact__bg__text {
      top: 30px;
      right: 0;
      font-size: 110px;
    }
    .inner__banner img {
      height: 300px;
      object-fit: cover;
      width: 100%;
      object-position: 80% center;
    }
    .inner__banner .inner__banner__content {top: 0px;}
    .common__sec.map__sec iframe {margin-bottom: -7px;  }
    .contact__form {padding: 40px;}
    .ser__box {padding:50px;}
    .box__bm .box {
      padding:35px;
      display: flex;
      justify-content: space-between;
    }
    .box__bm .box .nav-item.nav__btn {
      display: inline-block;
      margin-top: 15px;
      margin-bottom: 44px;
    }
    .ser__box__contnet img {
      max-width: 100%;
    }
    .ser__box__contnet {
      padding-left: 0;
      justify-content: center;

    }
}
@media screen and (max-width:679px) {
    .about__bg {background-image: none ;}
    .about__box__img {top:74%;}
    .sec__title h3 {font-size: 24px;line-height: 34px;}
    .sec__title .paragraph {font-size: 14px;line-height: 24px;}
    .services__grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
    .join p {padding-inline:98px;}
    .join .join__title {font-size: 42px;line-height: 18px;}
    .join__main::after {right: -200px;top: 41%;max-width: 361px;height: 225px;}
    .join__btn__set {margin-top: 22px;}
    .about__box__img img {max-width: 128px;}
    .banner__main .mouse a img {max-width: 35px;}
    .services__section .sec__title {margin-bottom: 25px !important;}
    .sec__title .paragraph {margin-top: 15px;}
    .sec__btn__set {margin-top: 35px;}
    .service__box img {max-height: 160px;max-width: 400px;}
    .common__sec.join__bg__clr.pn {padding-top: 50px;padding-bottom: 50px;}
    .contact__form {padding: 30px ;}
    .contact__form .sec__title {margin-bottom: -20px;}
    .contact__form .half {margin-bottom: 15px;}
    .contact__bg__text {top: 40px;right: 0;font-size: 100px;}
    .contact__content .footer__ul a {line-height: 28px;font-size: 18px;}
    .contact__content .footer__ul {margin-top: 18px;}
    .contact__content .fsocial__icons {gap:13px;margin-top: 15px;}
    .contact__content .f-icon {width: 40px;height: 40px;font-size: 14px;}
    .contact__content .f-icon i {font-size: 16px;line-height: 20px;}
    .contact__content p {font-size: 15px;line-height: 22px;}
    .contact__form .sec__title h3 {font-size: 22px;line-height: 32px;}
    
}
@media screen and (max-width:579px) {
    .banner__main h2 {font-size: 26px;line-height: 36px;}
    .banner__main p {width: 85%;margin: auto;}
    .banner__btn__set {margin-top: 10px;}
    .btn_gradient span,.sec__btn__set .btn_gradient span,.join__btn__set .btn_gradient span {font-size: 14px;line-height: 22px;gap:5px;}
    .btn_gradient span img {max-width: 10px;}
    .banner__btn__set .btn_gradient,.sec__btn__set .btn_gradient {width: 140px;height: 42px;}
    .join__btn__set .btn_gradient{width: 170px;height: 45px;}
    .about__box__img img {max-width: 140px;}
    .carousel-indicators [data-bs-target] {width: 7px;height: 7px;}
    .carousel-indicators [data-bs-target] {margin-right: 2px;margin-left: 2px;}
    .service__box .ser__box__title {font-size: 20px;line-height: 28px;}
    
    .join p {padding-inline:44px;}
    /* .carousel-item > img {height: 280px;object-fit: cover;object-position: right bottom;} */
    .join__main::after {
      right: -157px;
      top: 85%;
      max-width: 270px;
      height: 130px;
    }
    .contact__bg__text {
      top: 20px;
      right: 0;
      font-size: 80px;
    }
    .inner__banner img {
      height: 250px;
      object-fit: cover;
      width: 100%;
      object-position: 80% center;
    }
    .about__main img {
      border-radius:50%;
      z-index: 1;
      max-width: 460px;
      height: 461px;
      position: relative;
      bottom: -12px;
      left: -1px;
    }
    .about__main::before {top: 55%;}
    .overview{margin-top: 40px; margin-bottom: 10px; }
    .join.about__us .join__title {font-size: 28px;line-height: 35px;}
    .join.about__us {
      margin-bottom: 15px;
    }
     .header .nav__logo {
    max-width: 210px;
  }
   .nav__menu ul li.nav-item .dropdown-menu.show {
    height: auto;
    z-index: -1;
    overflow: auto;
    top: 5px;
    left: 0;
    margin-bottom: 20px;
  }
  .nav__menu .navbar-nav .nav-item.nav__btn {
  margin-top: -10px;
}
.inner__banner {
  position: relative;
  background: linear-gradient(to right, #f7f7f7 , #f9f9f9, #f7f7f7, #f9f9f9, #e9e9e9, #e6e6e6);
}
  .inner__banner img {
    height: 200px;
    object-fit: cover;
    width: 100%;
    object-position: 90% center;
    padding-top: 60px;
  }
    .inner__banner .inner__banner__content {
    align-items: start;
    text-align: center;
    top: -60px;
  }
  .carousel-caption {
  bottom: 80%;
  text-align: center;
}
.carousel-caption .banner__btn__set {
  justify-content: center;
  display: flex;
  margin-top: 10px;
}
}
@media screen and (max-width:490px) {
.hover__content {background: #6c7abcc4;}
.fsocial__icons .f-icon.f-insta {
  background:
linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
  color: white;
}
.fsocial__icons .f-icon.f-fb {
  background-color: #1877F2;
  color: white;
}
.fsocial__icons .f-icon.f-link {
  background-color: #0077b5;
  color: white;
}
.fsocial__icons .f-icon.f-tw {
  background-color: #1DA1F2;
  color: white;
}

.fsocial__icons .f-icon.f-w {
  background-color: #60c155;
  color: white;
}

.box__bm .box {
  padding:
35px;
  display: block;
}
.box__bm .box .nav-item.nav__btn {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 0;
}
.nav__menu ul li.nav-item.dropdown .nav-link {
  padding-block: 5px;
}
.fsocial__icons {
  margin-top: 0;
}
.footer__box .footer__boxsub {
  width: 100%;
}
.footer__box .footer__boxsub.pn {
  width: auto;
}
.footer__box .footer__ul li {
    margin-top: 0;}
.footer__box .footer__boxsub.pn {
  padding: 17.7px 17px;
}
}
@media screen and (max-width:451px) {
    .banner__btn__set {margin-top: 0px;}
    .banner__main p{display: none;}
    .banner__main h2 {font-size: 20px;line-height: 24px;}
    .banner__btn__set {margin-top: 15px;}
    .sec__title h3 {font-size: 20px;line-height: 28px;}
    .sec__title .paragraph {margin-top: 10px;}
    .sec__btn__set {margin-top: 30px;}
    .about__box__img img {max-width: 115px;}
    .common__sec, .common__sec2 {padding-top: 40px;padding-bottom: 40px;}
    .line__bar {padding-block:8px;}
    .hover__content {padding: 20px;}
    .service__box {padding: 20px;height: 250px;}
    .service__box img {max-height: 140px;}
    .join .join__title {font-size: 31px;line-height: 13px;}
    .join__main::after {right: -137px;top: 80%;max-width: 230px;height: 134px;}
    /* .header .nav__logo {max-width: 150px;} */
    .header .navbar .container-fluid {padding-inline:16px;}
    .common__sec__footer {padding-top: 40px;padding-bottom: 0px;}
    .footer__box {margin-top: 13px; margin-bottom: 10px;}
    .footer__box .footer__sub__title {font-size: 16px;line-height: 20px;}
    .f-icon i {font-size: 13px;line-height: 17px;}
    .footer__menu .f__memu a {font-size: 14px;line-height: 30px;}
    .copy__right .copy {font-size: 12px;line-height: 20px;}
    .f__memu span {padding:0 5px;}
    /* .carousel-item > img {height: 280px;object-fit: fill;} */
    /* .carousel-item > img {height: 260px;object-fit: cover;object-position: right bottom;} */
    .join p {padding-inline:0px;}
    .services__section .sec__title {margin-bottom: 8px !important;}
    .service__box .ser__box__title {font-size: 18px;line-height: 26px;}
    /* .nav__menu ul .nav-item .nav-link {font-size: 13px;line-height: 20px;} */
    .nav__menu ul li.nav-item {margin-left: 0px;margin-bottom: 10px;}
    .navbar-toggler span {height: 1.3px;margin:6.4px auto;}
    .banner__btn__set .btn_gradient, .sec__btn__set .btn_gradient { width: 130px;height: 38px;}
    .btn_gradient span, .sec__btn__set .btn_gradient span, .join__btn__set .btn_gradient span {font-size: 13px;line-height: 20px;gap:5px;}
    .about__box__img {top: 78%;}
    .join__btn__set .btn_gradient {width: 160px;height: 41px;}
    .join__btn__set .btn_gradient span > img {max-width: 11px;}
    .sec__btn__set .btn_gradient span img {max-width: 11px;}
    .join p {margin-top: 15px;}
    .header {min-height: 60px;}
    .banner__main {position: relative;}
    .nav-item.nav__btn .nav-link.btn {padding-inline:10px;}
    .nav-item.nav__btn .nav-link.btn {padding-inline:25px;display: flex;align-items: center;gap:5px;}
    .nav-item.nav__btn .nav-link.btn {padding-block:10px;}
    .footerline__bar {margin-top: 25px;}
    .hover__content {background: #6c7abcc4;}
    .header .navbar .container-fluid {padding-inline:15px;}
    .btn_gradient span img, .sec__btn__set .btn_gradient span img, .join__btn__set .btn_gradient span > img {max-width: 8px;}
    .navbar-toggler span {height: 1.5px;margin:6.4px auto;}
    .navbar .dropdown-menu .dropdown-item{font-size: 13px;line-height: 20px;}
    .footer__box img {max-width: 200px;width: 100%;}
    .content__soon {margin-block:120px;}
    .contact__form input, .contact__form textarea {padding:10px;font-size: 15px;}
    .contact__content .footer__ul a {line-height: 24px;font-size: 16px;}
    .contact__content .footer__ul li i {font-size: 16px;}
    .submit .btn__submit img {max-width: 14px;height: 7px;}
    .about__main img {
      border-radius:
  50%;
      z-index: 1;
      max-width: 460px;
      height: 320px;
      position: relative;
      bottom: -30px;
      left: -1px;
    }
    .bg__top__img .top__img {
      right: 60%;
      max-width: 125px;
    }
    .join.about__us .join__title {
      font-size: 22px;
      line-height: 28px;
    }
    .overview {
      margin-top: -80px;
      margin-bottom: 10px;
    }
    .about__main::before {
      top: 45%;
     width: 70%;
        height: 75%;
    
    }
    .footer__box {
      justify-content: start !important;
      
    }
    .ser__box__title {
      font-size: 20px;
      line-height: 24px;
    }
    .ser__box__title.mt-4 {
      margin-bottom: 8px;
    }
    .ser__title h4 {
      font-size: 18px;
      line-height: 20px;
      padding-bottom: 8px;
    }
    .ser__contnet .ser__box__title {
      font-size: 20px;
      line-height: 22px;
    }
    .box__bm .box .box__sub {
      font-size: 22px;
      line-height: 26px;
      padding-bottom: 3px;
    }
   .spacing{
  margin-bottom: -100px;
   }

  }
@media screen and (max-width:412px) {
  .about__box__img {top: 80%;}
  .about__main img {
    border-radius: 50%;
    z-index: 1;
    max-width: 460px;
    height: 300px;
    position: relative;
    bottom: -30px;
    left: -1px;
  }
  .about__main::before {
    top: 44%;
    width: 72%;
    height: 59%;
  }
  .about__main {
    position: relative;
    margin:
  auto;
    width: 100%;
    max-width: 450px;
    height: 450px;
    overflow-y: visible;
  }
  .common__sec.bg__top__img .row {
    gap:0;
  }
  .footer__box {
    margin-top: 13px;
    margin-bottom: 0;
  }
  .box__bm .box {
    padding:25px;
    display: block;
  }
  .ser__box {
    padding:
30px;
  }
}

@media screen and (max-width:376px) {
    /* .carousel-item > img {height: 260px;object-fit: fill;} */
    .banner__main p {width: 100%;font-size: 13px;line-height: 19px;}
    .banner__btn__set {margin-top: 25px;}
 
    .about__box__img {top: 81%;}
    .about__box__img img {max-width: 105px;}
    .sec__btn__set {margin-top: 12px;}
    .btn_gradient span, .sec__btn__set .btn_gradient span, .join__btn__set .btn_gradient span {font-size: 13px;line-height: 18px;gap:5px;}
    .banner__btn__set .btn_gradient, .sec__btn__set .btn_gradient {width: 130px;height: 38px;}
    .service__box .ser__box__title {font-size: 20px;line-height: 26px;}
    .hover__content {padding:20px;}
    .service__box {padding:20px;height: 240px;}
    .icon__ser .more a {font-size: 14px;}
    .icon__ser .more a .bi {font-size: 13px;line-height: 20px;}
    .join .join__title {font-size: 28px;line-height: 8px;}
    .join__btn__set .btn_gradient {width: 160px;height: 40px;}
    .icon__ser {margin-top: 15px !important;}
    .service__box .ser__box__title {font-size: 18px;line-height: 24px;}
    .navbar-toggler span {width: 22px;}
    .nav__menu ul .nav-item .nav-link {font-size: 13px;line-height: 20px;}
    .header {min-height: 60px; }
    /* .banner__main {padding-top: 60px;} */
    .header {min-height: 55px;}
    .banner__main p {width: 100%;font-size: 12px;line-height: 18px;}
    .sec__title .paragraph{font-size: 13px;line-height: 21px;}
    /* .carousel-item > img {height: 260px;object-fit: cover;object-position: right bottom;} */
    .join p {font-size: 13px;line-height: 21px;}
    .btn_gradient span img {max-width: 9px;}
    .join__main::after {right: -179px;top: 80%;max-width: 270px;height: 134px;}
    /* .carousel-item > img {height: 260px;object-fit: cover;object-position: right bottom;} */
    .contact__form .half {margin-bottom: 10px;}
    .contact__content .footer__ul a {
      line-height: 24px;
      font-size: 15px;
    }
    .contact__content .footer__ul li i {
      font-size: 15px;
    }
    .about__main img {
      border-radius: 50%;
    z-index: 1;
    max-width: 460px;
    height: 286px;
    position: relative;
    bottom: -30px;
    left: -1px;
    }
    .about__main::before {
      top: 42%;
      width: 75%;
      height: 57%;
    }
    .about__main {
      margin:auto;
      width: 100%;
      max-width: 450px;
      height: 450px;
    }
    .overview {
      margin-bottom: 10px;
      margin-top: -100px;
    }
    .list__item.li li {
      margin-bottom: 15px;
    }
    .ser__contnet .ser__box__title {
      font-size: 20px;
      line-height: 22px;
      margin-top: 0px !important;
    }
    .ser__contnet .ser__box__title {
      font-size: 18px;
      line-height: 20px;
      margin-top: 0px !important;
    }
    .footer__box .footer__sub__title {
      font-size: 15px;
      line-height: 18px;
    }
    
    }
@media screen and (max-width:361px) {
    .common__sec, .common__sec2 {padding-top: 35px;padding-bottom: 35px;}
    .common__sec.join__bg__clr.pn {padding-top: 40px;padding-bottom: 40px;}
    .sec__title .paragraph {font-size: 12px;line-height: 20px;}
    .about__box__img img {max-width: 92px;}
    .join__main::after {right: -179px;top: 80%;max-width: 260px;height: 115px;}
    .about__box__img {top: 82%;}
    .about__main img {
      max-width: 460px;
            height: 327px;
            bottom: -46px;
            left: -1px;
          }
          .about__main::before {
            top: 50%;
            width: 91%;
            height: 66%;
          }
          .join.about__us .join__title {
            font-size: 20px;
            line-height: 27px;
          }
          .inner__banner img {
           object-fit: cover;
            width: 100%;
            object-position: 85% center;
          }
          .sec__title h3 {
            font-size: 19px;
            line-height: 26px;
          }
            .spacing {
    margin-bottom: -50px;
  }
}
@media screen and (max-width:351px) {
    .about__box__img img {max-width: 98px;}
    .join .join__title {font-size: 30px;}
    .join__main::after {right: -90px;top: 20%;max-width: 160px;height: 110px;}
    .contact__bg__text {top: 13px;font-size: 70px;}
    .contact__content p {font-size: 14px;line-height: 20px;}
    .about__main::before {
      top: 50%;
      width: 94%;
      height: 66%;
    }
    .about__main img {
      max-width: 460px;
      height: 327px;
      bottom: -46px;
      }
}