html {
  font-size: 10px;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

*, :after, :before {
  box-sizing: border-box;
  margin: 0;
  letter-spacing: -0.015em;
}

::-moz-selection {
  background: #a8f600;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #a8f600;
  color: #ffffff;
  text-shadow: none;
}

@media (max-width: 1500px) {
  .container {
    max-width: 1250px;
  }
}
@media (max-width: 1199.98px) {
  .container {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .container {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}
.custom-container {
  max-width: 1675px;
}

@media (max-width: 1800px) {
  .custom-container {
    max-width: 1600px;
  }
}
@media (max-width: 1500px) {
  .custom-container {
    max-width: 900%;
  }
}
@media (max-width: 1199.98px) {
  .custom-container {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .custom-container {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .custom-container {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-container {
    max-width: 540px;
  }
}
.custom-container2 {
  max-width: 1650px;
}

@media (max-width: 1800px) {
  .custom-container2 {
    max-width: 1600px;
  }
}
@media (max-width: 1500px) {
  .custom-container2 {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .custom-container2 {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .custom-container2 {
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  .custom-container2 {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-container2 {
    max-width: 540px;
  }
}
@media (min-width: 1401px) {
  .skill-bar-thumb.col-xl-5.col-12.custom_animation_left.relative {
    display: flex;
    align-items: end;
  }
  .skill-bar-sec .skill-bar-thumb .skill-area-thumb-square-style {
    bottom: 0;
  }
  .breadcrumb-sec .breadcrumb-col .page-title h1 {
    font-size: 76px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .sec-hero .hero-typography .hero-highlighted-text-wrap h1 {
    font-size: 10rem;
  }
  footer .footer-contact-comp a {
    font-size: 7.5rem;
  }
  .breadcrumb-sec .breadcrumb-col {
    padding-left: 4rem;
  }
  .breadcrumb-sec .breadcrumb-col .page-title h1 {
    font-size: 70px !important;
  }
  .skill-bar-thumb.col-xl-5.col-12.custom_animation_left.relative {
    align-content: end;
  }
  .skill-bar-sec .skill-bar-thumb .skill-area-thumb-square-style {
    bottom: 0;
  }
  .services-details-sec .section-title h2 {
    font-size: 5.5rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sticky-header .navbar-nav .nav-link {
    padding: 30px 0;
    font-size: 1.25rem;
  }
  .sec-hero .hero-typography .hero-highlighted-text-wrap h1 {
    font-size: 6rem;
  }
  .order-2.col-lg-6.col-12.design-demo-one-half-col {
    padding-left: 3rem;
  }
  .home-design-demo-wrap .design-demo-circle-btn {
    padding: 2rem 0;
  }
  .testimonial-sec .container .row {
    padding: 2rem 0;
  }
  .col-xl-5.col-md-12.testimonial-thumb.animation_custom_left {
    text-align: center;
  }
  .xl-order-1 {
    order: 1 !important;
  }
  .xl-order-2 {
    order: 2 !important;
  }
  .blog-insight-sec .blog-insight-row .insight-blogpost-thumb {
    justify-content: start !important;
  }
  .insight-blogpost-title {
    margin-bottom: 2rem !important;
  }
  .section-title h2 {
    font-size: 4.8rem !important;
  }
  .breadcrumb-sec .breadcrumb-col .page-title h1 {
    font-size: 5.2rem;
  }
  #team-row-1 {
    justify-content: center !important;
  }
  #team-row-2 {
    justify-content: center !important;
  }
  footer .footer-contact-comp a {
    font-size: 7rem;
  }
  .get-in-touch-sec .get-in-touch-content-col h2 {
    font-size: 4rem !important;
  }
  .skill-bar-sec .skill-bar-thumb .skill-area-thumb-square-style {
    bottom: 0;
  }
  .get-in-touch-sec .get-in-touch-content-col p {
    font-size: 1.5rem;
  }
  .services-details-sec .container .row .section-title {
    margin: 2rem 0 1rem 0 !important;
  }
  .services-details-sec .container .row-1-col-2 .xl-end {
    justify-content: flex-start !important;
  }
  .services-details-sec .container .row-1-col-2 .xl-end ul {
    margin-top: 2rem !important;
  }
  .col-xl-6.offset-xl-1.col-12.row-3-col-2 {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
  .team-card .team-card-wrap .team-card-details {
    padding: 1rem;
  }
  .portfolio-gallery-sec .filter-item {
    text-align: center !important;
    margin: 1rem 0;
  }
  .item-down {
    margin-top: 0 !important;
  }
  #all:checked ~ .filter-items-wrap .filter-item:nth-child(3n) {
    margin-top: 0 !important;
  }
  .portfolio-gallery-sec .filter-item h4 {
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 1rem !important;
  }
  .row-redirection .redirection-col {
    align-items: flex-start !important;
  }
  .row-redirection .offset-md-2.redirection-col {
    align-items: flex-end !important;
  }
  .blog-details-sec .container .row .blog-details-search .latest-post-wrap {
    border: none;
    padding: 2rem 0 0 0;
  }
  .blog-details-sec .container .row .blog-details-search .latest-post-wrap .latest-post-row-wrap {
    margin-top: 2rem;
  }
  .blog-details-sec .container .row .blog-details-search .right-tags ul {
    gap: 1rem !important;
  }
  .blog-details-sec .container .row .blog-details-search .right-tags ul li a {
    font-size: 1.6rem !important;
  }
  .blog-details-qouted blockquote {
    font-size: 2rem !important;
  }
  .left-tags,
  .left-share {
    width: 100% !important;
  }
  .left-share {
    justify-content: flex-start;
  }
  .pricing-plan-sec .plan-col .pricing-plan-box {
    padding: 3rem !important;
  }
  .pricing-plan-sec .plan-col .pricing-plan-box ul li {
    font-size: 1.6rem !important;
  }
  .pricing-plan-sec .plan-col .pricing-plan-box .box-btn-wrap a {
    padding: 2.3rem 3rem 2.1rem !important;
    font-size: 1.6rem !important;
  }
  .contact-get-in-touch-sec .contact-get-in-touch-details .contact-info h5 {
    font-size: 2rem;
  }
  .contact-get-in-touch-sec .contact-get-in-touch-details .contact-info h6 {
    font-size: 1.6rem !important;
  }
  .contact-get-in-touch-sec .get-in-touch-content-col p {
    font-size: 2rem !important;
  }
  .feedback-slider-sec .carousel .carousel-item .feedback-form-review img {
    left: 1rem !important;
    top: -1.5rem !important;
  }
  .feedback-review-disc.font-pop.text-black {
    padding-top: 4rem !important;
  }
}
@media (max-width: 991px) {
  nav.navbar.navbar-expand-lg.bg-black {
    padding: 15px 0 !important;
  }
  .mobile-nav-btn.sidebar-btn {
    display: grid !important;
    place-content: center;
    padding: 0 !important;
    width: 40px !important;
  }
  .mobile-nav-btn.sidebar-btn .line {
    width: 20px !important;
    margin: 2px 0;
    height: 2px !important;
  }
  .sidebar-btn {
    display: none !important;
  }
  .mobile-nav-btn.sidebar-btn {
    width: 50px !important;
  }
  .mobile-nav-btn.sidebar-btn .line {
    width: 25px !important;
    margin: 2.5px 0;
    height: 2.5px !important;
  }
  .sec-hero .hero-typography .hero-highlighted-text-wrap h1 {
    font-size: 8rem !important;
  }
  .sec-hero .hero-typography p,
  .sec-hero .hero-typography .hero-btns-wrap a {
    font-size: 1.6rem !important;
  }
  .big-circle-btn {
    width: 12rem !important;
  }
  .big-circle-btn i {
    font-size: 6rem !important;
  }
  .home-service-thumb {
    margin-bottom: 3rem !important;
  }
  .home-service-list ul {
    gap: 2rem !important;
  }
  .md-order-1 {
    order: 1 !important;
  }
  .md-order-2 {
    order: 2 !important;
  }
  .design-demo-one-half-img-wrap {
    padding-bottom: 4rem !important;
  }
  .home-design-demo-wrap .design-demo-one-half .design-demo-one-half-content-wrap .design-demo-one-half-link-btn {
    margin-top: 3rem !important;
  }
  .home-design-demo-wrap .design-demo-circle-btn {
    padding: 2rem 0 !important;
  }
  .home-design-demo-wrap .design-demo-head-wrap {
    padding-bottom: 1rem !important;
  }
  .testimonial-sec .container .row {
    padding: 0 !important;
  }
  .testimonial-thumb {
    text-align: center !important;
  }
  .testimonial-sec .testimonial-slider .carousel .testimonial-client-name {
    font-size: 1.6rem !important;
  }
  .insight-blogpost-title {
    margin-bottom: 2rem !important;
  }
  .insight-blogpost-title a {
    font-size: 2.8rem !important;
  }
  .blog-insight-sec .order-1 {
    order: 2 !important;
  }
  .blog-insight-sec .order-2 {
    order: 1 !important;
  }
  .blog-insight-sec .insight-blogpost-thumb {
    justify-content: flex-start !important;
  }
  .section-title h2 {
    font-size: 4.8rem !important;
  }
  footer .footer-contact-comp a {
    font-size: 5rem !important;
  }
  .footer-list-heading h4 {
    font-size: 2.4rem !important;
  }
  .footer-main-comp-cols {
    margin-bottom: 2rem;
  }
  .breadcrumb-sec .breadcrumb-col .page-title h1 {
    font-size: 5.2rem !important;
  }
  .section-padding {
    padding: 3rem 0 !important;
  }
  .about-services-sec .row {
    justify-content: center !important;
  }
  .about-services-sec .border-x-dark {
    border: none;
  }
  .skill-bar-sec .skill-bar-thumb .skill-area-thumb-square-style {
    bottom: 0 !important;
  }
  h3.skill-title.text-white.font-pop.text-uppercase {
    font-size: 1.6rem;
  }
  .get-in-touch-sec {
    padding-top: 0 !important;
  }
  main > .section-padding.get-in-touch-sec {
    padding: 0rem 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .get-in-touch-content-col {
    padding: 5rem 0 !important;
  }
  .services-details-sec .container .row .section-title {
    margin: 4rem 0 !important;
  }
  .services-details-sec .container .row-1-col-2 .xl-end {
    justify-content: flex-start !important;
  }
  .services-details-sec .container .row-1-col-2 .xl-end ul {
    margin-top: 2rem !important;
  }
  .row-3-col-2 {
    padding: 2rem 0;
  }
  .row-3-col-2 img {
    width: 100%;
  }
  .services-details-sec .container {
    padding: 4rem 15px !important;
  }
  .row-4-col-1 img,
  .row-4-col-2 img {
    width: 100% !important;
  }
  .row-4-col-2 {
    margin-top: 3rem !important;
  }
  .feedback-slider-sec .carousel .carousel-item .feedback-form-review img {
    left: 1rem !important;
    top: -1.5rem !important;
  }
  .feedback-review-disc.font-pop.text-black {
    padding-top: 5rem !important;
  }
  .feedback-slider-sec .row.py-5 {
    padding-bottom: 0 !important;
  }
  .team-details-sec {
    padding: 5rem 0 !important;
  }
  .team-details-sec .team-member-img-wrap {
    text-align: center !important;
  }
  .team-details-sec .team-member-img-wrap img {
    width: 100% !important;
  }
  .team-details-sec .team-member-info-col {
    margin-left: 0 !important;
    margin-top: 2rem !important;
  }
  .team-details-sec .team-member-info-col h3 {
    font-size: 3.6rem !important;
  }
  .team-details-sec .team-member-info-col h6 {
    font-size: 2rem !important;
  }
  .form-block .form-wrap textarea {
    margin: 0 !important;
    height: 12rem !important;
    margin-bottom: 2rem !important;
  }
  .pricing-plan-sec .plan-col .pricing-plan-box h4 {
    font-size: 2rem !important;
  }
  .pricing-plan-sec .plan-col .pricing-plan-box h3 {
    font-size: 5rem !important;
  }
  .pricing-plan-sec .row {
    justify-content: center;
  }
  .error-sec .error-details h2 {
    font-size: 4.8rem !important;
  }
  .filter-item img {
    width: 100% !important;
  }
  .item-down {
    margin-top: 0 !important;
  }
  .filter-item:nth-child(3n) {
    margin-top: 0 !important;
  }
  .filter-item {
    margin: 2rem 0 !important;
  }
  .blog-list-sec .blog-list-col .blog-list-wrap {
    margin-top: 0 !important;
  }
  .blog-list-sec .blog-list-col .blog-list-wrap a.btn {
    margin-top: 0 !important;
  }
  .blog-details-sec .container .row .blog-details-details {
    padding-right: 0 !important;
  }
  .blog-details-sec .container .row .blog-details-details .blog-details-qouted blockquote {
    font-size: 2rem !important;
  }
  .blog-details-sec .container .row .blog-details-search .latest-post-wrap {
    border: none;
    padding: 0;
    padding-top: 4rem;
  }
  .blog-details-sec .container .row .blog-details-search .categories li a p {
    font-size: 1.6rem !important;
  }
  .blog-details-sec .container .row .blog-details-search .right-tags ul li a {
    font-size: 1.6rem !important;
  }
  .blog-details-sec .container .row .blog-details-search .latest-post-wrap .latest-post-row-wrap p a {
    font-size: 1.4rem !important;
  }
  .blog-details-sec {
    width: 100% !important;
  }
  .contact-get-in-touch-sec .contact-get-in-touch-details .contact-info {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}
@media (max-width: 767px) {
  .sm-d-none {
    display: none !important;
  }
  .sec-hero {
    padding: 4rem 0 5rem 0;
  }
  .sec-hero .hero-typography .hero-highlighted-text-wrap h1 {
    font-size: 6.5rem !important;
  }
  .sec-hero .hero-typography .hero-btns-wrap:after {
    display: none;
  }
  .sec-hero .hero-typography .hero-btns-wrap {
    margin-bottom: 4rem !important;
    gap: 3rem !important;
    margin-top: 3rem !important;
  }
  .big-circle-btn {
    width: 10rem !important;
    top: 2rem !important;
    right: 2rem !important;
  }
  .big-circle-btn i {
    font-size: 5rem !important;
  }
  .home-service-list ul a {
    font-size: 2.4rem !important;
  }
  .home-design-demo-wrap .design-demo-one-half .design-demo-one-half-content-wrap p {
    font-size: 1.6rem !important;
  }
  .home-design-demo-wrap .design-demo-one-half {
    padding-top: 2rem !important;
  }
  .testimonial-sec .section-title {
    top: -9rem !important;
  }
  .testimonial-sec .testimonial-slider .carousel p {
    font-size: 2rem !important;
  }
  .col-xl-7.col-md-12.testimonial-slider.animation_custom_right {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .col-xl-7.col-md-12.testimonial-slider.animation_custom_right p {
    margin-top: 5rem !important;
  }
  .testimonial-sec .testimonial-slider .testimonial-quote-icon {
    top: -2rem !important;
    left: 0 !important;
  }
  .blog-insight-sec .blog-insight-row .blog-insight-details .insight-blogpost-title h3 a {
    font-size: 2.4rem !important;
  }
  .home-design-demo-wrap .design-demo-circle-btn .big-circle-btn {
    top: 0 !important;
    left: 0 !important;
  }
  .section-title h2 {
    font-size: 4rem !important;
  }
  footer .footer-contact-comp a {
    font-size: 3.8rem !important;
    padding-bottom: 1.5rem !important;
  }
  footer .footer-contact-comp a:before {
    height: 3px !important;
  }
  footer .footer-contact-comp a:after {
    height: 3px !important;
  }
  .footer-social-list {
    padding-left: 0 !important;
  }
  footer .footer-main-comp .footer-main-comp-cols h4 {
    margin-block-end: 0.5rem !important;
  }
  .footer-main-comp-cols {
    margin-bottom: 3rem;
  }
  footer .footer-main-comp {
    padding: 3rem 0 1rem 0 !important;
  }
  footer .footer-contact-comp {
    padding: 6rem 0;
  }
  footer .footer-contact-comp .footer-contact-comp-text-wrap {
    margin-block-end: 4rem;
  }
  .breadcrumb-sec .breadcrumb-col .page-title h1 {
    font-size: 4rem !important;
  }
  .breadcrumb-sec .breadcrumb-col {
    padding-top: 5rem !important;
    padding-bottom: 11rem !important;
    padding-left: 1rem !important;
  }
  .about-services-sec .row .justify-content-around {
    justify-content: flex-start !important;
  }
  .about-services-sec .about-service-box h4 {
    font-size: 2rem !important;
  }
  .about-services-sec .col-lg-4.col-md-6.col-12.d-flex.justify-content-around.my-5 {
    margin-bottom: 1rem !important;
  }
  .skill-bar-sec .skill-area-bg-square-style {
    z-index: 1 !important;
  }
  .skill-bar-sec .skill-area-bg-square-style {
    grid-template-rows: repeat(12, 1fr);
    grid-template-columns: repeat(12, 1fr);
    width: 6rem;
    height: 6rem;
    right: 2rem !important;
  }
  .skill-bar-sec .skill-area-bg-square-style .square-shape-1 {
    display: none;
  }
  .skill-bar-sec .skill-area-bg-square-style .square-shape-2 {
    grid-row-start: 1;
    grid-column-start: 6;
  }
  .skill-bar-sec .skill-area-bg-square-style .square-shape-3 {
    grid-row-start: 6;
    grid-column-start: 1;
  }
  .skill-bar-sec .skill-bar-thumb .skill-area-thumb-square-style {
    display: grid;
    width: 120px;
    aspect-ratio: 1;
    position: absolute;
    bottom: 1.5rem;
    gap: 0;
    grid-template-rows: repeat(12, 1rem);
    grid-template-columns: repeat(12, 1rem);
  }
  .skill-bar-sec .skill-bar-thumb .square-shape-1 {
    background: #a8f600;
    width: 2rem;
    aspect-ratio: 1;
    grid-row-start: 1;
    grid-column-start: 11;
  }
  .skill-bar-sec .skill-bar-thumb .square-shape-2 {
    background: #ffffff;
    width: 2rem;
    aspect-ratio: 1;
    grid-row-start: 3;
    grid-column-start: 9;
  }
  .skill-bar-sec .skill-bar-thumb .square-shape-3 {
    background: #a8f600;
    width: 2rem;
    aspect-ratio: 1;
    grid-row-start: 5;
    grid-column-start: 7;
  }
  .skill-bar-sec .skill-bar-thumb .square-shape-4 {
    background: #a8f600;
    width: 6rem;
    aspect-ratio: 1;
    grid-row-start: 7;
    grid-column-start: 1;
  }
  .skill-bar-sec .skill-bar-disc {
    font-size: 1.6rem !important;
  }
  .award-sec .row .award-list-col ul li h4 a {
    font-size: 2.4rem !important;
  }
  .get-in-touch-sec .get-in-touch-content-col p {
    font-size: 1.6rem !important;
  }
  .accordion-button {
    font-size: 1.8rem !important;
  }
  .accordion-item .accordion-body p {
    max-width: 100% !important;
  }
  .services-details-sec .container .row-1-col-1 p {
    font-size: 1.6rem !important;
  }
  .services-details-sec .container .row-1-col-2 .xl-end h5 {
    font-size: 2.4rem !important;
  }
  .services-details-sec .container .row-2 h4 {
    font-size: 2.4rem !important;
  }
  .services-details-sec .container .row-3-col-1 h4 {
    font-size: 2.4rem !important;
  }
  .section-title.col-lg-6.col-12.mb-5.animation_custom_left {
    margin-bottom: 0 !important;
  }
  .feedback-slider-sec .carousel .carousel-item .feedback-form-client h6 {
    margin-bottom: 0 !important;
  }
  .feedback-slider-sec .carousel .carousel-item .feedback-form-client p {
    font-size: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .feedback-slider-sec .carousel .carousel-item .feedback-form-review p {
    font-size: 2rem !important;
  }
  .feedback-slider-sec .carousel .feedback-slider-control-wrap {
    left: 0 !important;
  }
  .pricing-plan-sec .plan-col .pricing-plan-box ul li {
    font-size: 1.6rem !important;
  }
  .pricing-plan-sec .plan-col .pricing-plan-box .box-btn-wrap a {
    font-size: 1.6rem !important;
  }
  .error-sec .error-details h2 {
    margin-top: 2rem !important;
    font-size: 4rem !important;
  }
  .error-sec .error-details p {
    font-size: 1.6rem !important;
  }
  .error-sec .error-details a {
    font-size: 1.6rem !important;
  }
  .portfolio-gallery-sec label {
    margin: 2rem 1rem !important;
  }
  .portfolio-gallery-sec .tag0 {
    font-size: 1.6rem !important;
  }
  .portfolio-gallery-sec .tag {
    font-size: 1.4rem !important;
  }
  section#brand-slider {
    overflow: hidden !important;
  }
  .disc-col {
    display: flex;
    flex-wrap: wrap;
  }
  .portfolio-details-sec .container .row .disc-single-item {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .disc-single-item {
    width: 100%;
  }
  .disc-single-item:nth-child(2),
  .disc-single-item:nth-child(3) {
    margin-top: 3rem;
    width: 50%;
    flex: 0 0 50%;
  }
  .portfolio-details-sec .container .row .disc-title {
    font-size: 2.4rem !important;
  }
  .portfolio-details-sec .container .row .disc-text {
    font-size: 1.6rem !important;
  }
  .col-lg-4.col-12.images-col.my-3 {
    padding: 0 !important;
  }
  .row.row-redirection {
    overflow: hidden !important;
  }
  a.font-acl.text-black.text-right {
    margin-right: 1rem;
  }
  a.font-acl.text-black.text-left {
    margin-left: 1rem !important;
  }
  .blog-details-sec .container .row .blog-details-details .section-title h2 {
    font-size: 2.4rem !important;
  }
  .blog-details-sec .container .row .blog-details-details .blog-details-qouted blockquote {
    font-size: 1.8rem !important;
  }
  .left-share {
    justify-content: flex-start !important;
  }
  .form-block .form-wrap .form-control,
  .form-block .form-wrap textarea {
    margin: 1rem 0 !important;
  }
  .form-block .form-wrap label[for=massage] {
    top: 1rem !important;
  }
  .form-block .form-wrap label {
    top: 33% !important;
  }
  .form-block .form-wrap .btn {
    margin-top: 2.5rem !important;
  }
  .contact-get-in-touch-sec {
    padding: 8rem 0 !important;
  }
}
@media (max-width: 575px) {
  h1.text-lemon.text-uppercase.font-acl.animation_custom_left {
    font-size: 4rem !important;
    margin-bottom: 2rem;
  }
  .sec-hero .hero-typography p,
  .sec-hero .hero-typography .hero-btns-wrap a {
    font-size: 1.4rem !important;
  }
  .sec-hero .hero-typography .hero-btns-wrap a {
    height: 3.5rem !important;
    line-height: 3.5rem;
    font-size: 1.4rem !important;
  }
  .sec-hero .hero-typography .hero-btns-wrap a img {
    max-width: 1.6rem;
    font-size: 1.6rem;
  }
  .sec-hero .hero-typography .hero-btns-wrap a i {
    max-width: 1.6rem;
    font-size: 1.6rem;
  }
  .big-circle-btn {
    width: 7rem !important;
    top: 1.5rem !important;
    right: 1.5rem !important;
  }
  .big-circle-btn i {
    font-size: 3rem !important;
  }
  .home-design-demo-wrap .design-demo-circle-btn .big-circle-btn {
    width: 10rem !important;
  }
  .home-service-list ul {
    padding: 0 !important;
  }
  .col-xl-7.col-md-12.testimonial-slider.animation_custom_right {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .carousel-inner {
    overflow: visible !important;
  }
  .testimonial-sec .testimonial-slider .carousel .testimonial-slider-control-wrap {
    left: 0;
    bottom: -5%;
  }
  .col-xl-7.col-md-12.testimonial-slider.animation_custom_right p {
    margin-block-end: 6rem;
    margin-top: 3rem !important;
  }
  section#testimonial {
    overflow: hidden !important;
  }
  .blog-insight-sec .blog-insight-row .blog-insight-details .insight-blogpost-btn-group {
    display: block;
    overflow: hidden !important;
  }
  .blog-insight-sec .blog-insight-row .blog-insight-details .insight-blogpost-btn-group .insight-blogpost-btn-group-ul {
    margin-bottom: 3rem !important;
    margin-top: 1rem !important;
  }
  .section-title h2 {
    font-size: 3.2rem !important;
  }
  footer .footer-contact-comp .footer-contact-comp-text-wrap {
    font-size: 1.2rem !important;
  }
  footer .footer-contact-comp .footer-contact-comp-text-wrap i {
    margin-right: 4px !important;
    margin-block-end: 5px;
  }
  p.footer-contact-comp-text-wrap {
    width: 100% !important;
  }
  .footer-contact-comp-text-wrap {
    position: relative;
    display: inline-block;
    padding-left: 20px; /* Adjust this value based on the icon's width */
  }
  .footer-contact-comp-text-wrap::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 0;
    width: 16px; /* Adjust this value based on the icon's width */
  }
  .footer-contact-comp-text-wrap i {
    position: absolute;
    left: 2px;
    top: 3px;
  }
  footer .footer-contact-comp a {
    font-size: 2.2rem !important;
  }
  .footer-list-heading h4 {
    font-size: 1.8rem !important;
  }
  footer .footer-main-comp .footer-main-comp-cols p {
    font-size: 1.4rem !important;
  }
  .mobile-nav-btn.sidebar-btn {
    width: 4rem !important;
  }
  .mobile-nav-btn.sidebar-btn .line {
    width: 2rem !important;
    height: 2px !important;
    margin: 2px !important;
  }
  #back-to-top {
    bottom: 20px !important;
    right: 10px !important;
  }
  .breadcrumb-sec .breadcrumb-col .page-title h1 {
    font-size: 3.2rem !important;
  }
  .breadcrumb-sec .breadcrumb-col .breadcrumb-items li {
    font-size: 1.4rem !important;
  }
  .skill-bar-sec .skill-area-bg-square-style {
    right: 7px !important;
    top: -1px !important;
  }
  .about-services-sec .col-lg-4.col-md-6.col-12.d-flex.justify-content-around.my-5 {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    margin-top: 0.5rem !important;
  }
  .award-sec .row .award-list-col ul li .award-year h4 {
    text-align: start;
  }
  .award-sec .section-title h2 {
    padding-left: 1rem !important;
  }
  .award-sec .row .award-list-col ul {
    padding-left: 5px !important;
    padding-right: 0 !important;
  }
  .get-in-touch-sec .row:last-child {
    --bs-gutter-x: 0; /* Remove horizontal gutter spacing */
  }
  #brand-slider {
    margin-top: 3rem !important;
  }
  #brand-slider .py-5 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .services-service-sec .service-box-col .wrap h3 {
    margin-bottom: 3rem !important;
  }
  .services-service-sec .service-box-col .wrap .service-box-details-wrap {
    padding: 2rem !important;
  }
  .accordion-item .accordion-button {
    font-size: 1.3rem !important;
  }
  .accordion-item .accordion-body p {
    font-size: 1.1rem !important;
  }
  .services-details-sec .container .row .section-title {
    margin: 0rem 0 3rem 0 !important;
  }
  .services-details-sec .container .row-1-col-2 .xl-end ul li p {
    margin-top: 1.5rem !important;
  }
  .services-details-sec .container .row-1-col-2 .xl-end ul {
    margin-top: 1rem !important;
  }
  .services-details-sec .container .row-2 h4 {
    font-size: 2.4rem !important;
    margin: 3rem 0 3rem 0;
  }
  .services-details-sec .container .row-2 p {
    line-height: 1.75;
  }
  .services-details-sec .container .row a {
    font-size: 2.4rem !important;
  }
  .row-4-col-1 {
    margin-block-end: 2rem;
  }
  .feedback-slider-sec .carousel .carousel-item .feedback-form-client p {
    font-size: 1.8rem !important;
  }
  .feedback-slider-sec .carousel .carousel-item .feedback-form-review p {
    font-size: 1.8rem !important;
  }
  .team-details-sec {
    padding: 5rem 0 0rem 0 !important;
  }
  .form-block p {
    font-size: 1.6rem !important;
  }
  .error-sec .error-details h2 {
    font-size: 3.2rem !important;
  }
  .portfolio-gallery-sec label.filter-title {
    display: block !important;
    text-align: start !important;
  }
  .portfolio-gallery-sec label {
    margin: 1rem 1.2rem !important;
  }
  .portfolio-details-sec .container .row .disc-col {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .row-redirection .redirection-col img {
    max-width: 170px !important;
  }
  .row-redirection .redirection-col a {
    font-size: 1.2rem !important;
  }
  .row-redirection .redirection-col:first-child {
    align-items: start !important;
    padding: 0;
  }
  .row-redirection .redirection-col:last-child {
    align-items: end !important;
    padding: 0;
  }
  .blog-details-sec .container .row .blog-details-details .blog-thumb-wrap ul {
    gap: 1rem !important;
    padding: 0.8rem !important;
  }
  .blog-details-sec .container .row .blog-details-details .blog-thumb-wrap ul li a {
    font-size: 1.2rem !important;
  }
  section#blog-details {
    padding-right: 1.5rem !important;
  }
  .blog-details-sec .container .row .blog-details-details .blog-details-qouted {
    padding: 5rem 3rem 3rem;
  }
  .blog-details-sec .container .row .blog-details-details .blog-details-qouted blockquote {
    text-indent: 5rem !important;
  }
  .blog-details-sec .container .row .blog-details-details .blog-details-qouted:after {
    left: 30px;
    top: 30px;
  }
  .blog-details-sec .container .row .blog-details-details .blog-details-tags-share .redirection-col a {
    font-size: 1.1rem !important;
  }
  .blog-details-sec .container .row .blog-details-search {
    margin-top: 3rem !important;
  }
  .blog-details-sec .container .row .blog-details-search .right-tags ul li a {
    font-size: 1.4rem !important;
  }
  .form-block {
    padding-right: 0 !important;
  }
  .form-block .section-title h3 {
    font-size: 2.4rem !important;
  }
  .form-block .form p {
    font-size: 1.4rem !important;
    line-height: 1.75;
  }
  .contact-get-in-touch-sec .contact-get-in-touch-details .contact-info h5 {
    font-size: 1.6rem !important;
  }
  .contact-get-in-touch-sec .contact-get-in-touch-details .contact-info h6 {
    font-size: 1.8rem !important;
  }
  .contact-get-in-touch-sec .contact-get-in-touch-details .contact-info .link-btn {
    margin-top: 3rem !important;
  }
  .get-in-touch-content-col {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 25% !important;
  }
  .navbar-brand img {
    max-width: 50px !important;
  }
  .mobile-nav-btn.sidebar-btn {
    width: 20px !important;
  }
  .mobile-nav-btn.sidebar-btn .line {
    height: 1px !important;
    margin: 1.3px !important;
  }
  ul.design-demo-btn-group.p-0.d-flex {
    flex-wrap: wrap;
  }
  ul.insight-blogpost-btn-group-ul.p-0.d-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .home-design-demo-wrap .design-demo-one-half .design-demo-one-half-img-wrap img {
    height: auto;
    margin: 2rem 0;
  }
  .testimonial-quote-icon img {
    display: none;
  }
  .mobile-body .mobile-header-head-wrap .mobile-nav-search .btn {
    top: 16px;
  }
  .mobile-body .mobile-nav-wrap .mobile-nav-ul li .nav-link {
    padding-top: 20px !important;
  }
  footer .footer-contact-comp a:before {
    height: 1px !important;
  }
  footer .footer-contact-comp a:after {
    height: 1px !important;
  }
  .breadcrumb-sec .breadcrumb-col .page-title h1 img {
    max-width: 20px;
  }
  .skill-area-bg-square-style {
    display: none !important;
  }
  .feedback-slider-sec .carousel .carousel-item .feedback-form-review img {
    display: none !important;
  }
  .feedback-slider-sec .carousel .carousel-item .feedback-form-review p {
    padding-top: 1rem !important;
  }
  label.form-label img {
    max-width: 50% !important;
  }
  .get-in-touch-sec .get-in-touch-content-col .get-in-touch-form-wrap label {
    top: 4px !important;
  }
  .get-in-touch-sec .get-in-touch-content-col .get-in-touch-form-wrap textarea {
    height: 60px;
  }
  .brands-slider .brands-wrapper .brand-item {
    margin-right: 0 !important;
  }
  .brand-item img {
    max-width: 50% !important;
  }
  .portfolio-gallery-sec .tag0 {
    text-align: center !important;
  }
  .col-lg-3.col-md-5.col-6.redirection-col {
    width: 100%;
  }
  .col-lg-3.col-md-5.col-6.redirection-col img {
    max-width: 50% !important;
  }
  .col-lg-3.col-md-5.col-6.offset-lg-6.offset-md-2.redirection-col img {
    float: right;
  }
  .row-redirection .redirection-col a {
    font-size: 250% !important;
    width: 100%;
}

.col-lg-3.col-md-5.col-6.redirection-col img {
    width: 90% !important;
    max-width: 100% !important;
}

a.font-acl.text-black.text-left {
    text-align: right;
    margin-top: 5rem;
}
  .link-btn-black:before {
    height: 1px !important;
  }
  .link-btn-black:after {
    height: 1px !important;
  }
  .blog-details-sec .container .row .blog-details-details .blog-details-qouted:after {
    left: 0;
    top: 0;
    transform: scale(0.4);
  }
  .contact-get-in-touch-sec .get-in-touch-content-col .get-in-touch-form-wrap label {
    top: 3px !important;
  }
  .contact-get-in-touch-sec .get-in-touch-content-col .get-in-touch-form-wrap textarea {
    height: 60px !important;
  }
}/*# sourceMappingURL=responsive.css.map */
