@charset "UTF-8";
/* =================
    Root Color 
=================*/
:root {
  --color-white: #ffffff;
  --color-white2: #f8f8f8;
  --color-black: #15222c;
  --color-gBlack: #616670;
  --color-gBlack2: #333f4d;
  --color-border: #e3e3e3;
  --color-orange: #d38e25;
  --color-orange2: #ffba08;
  --color-tr: transparent;
}

/*
Theme Name: ConsTimes HTML5 Template
Theme URI: https://themeforest.net/item/constimes-consulting-business-figma-template/43743481?s_rank=2
Design by: techsometimes
Developed by: A N Abdullah Al Numan
Version: 1.0
License: 
Tags: 
*/
/*================================================
[  Table of contents  ]
================================================

    1 Theme Default

    2 Top Bar

    3 Menu Bar

    4 Banner

    5 About Us

    6 Services

    7 Work Gallery

    8 Counter Section 

    9 Common Faq’s

    10 Our Simple Step

    11 Clients Review

    12 Get In Touch

    13 Latest News

    14 Who We Are

    15 Company Benefits

    16 Our Team

    17 Talk To Us

    18 FAQ Section 

    19 Team Details

    20 Service Details 

    22 Contact Us

    23 Blog Post

    24 Blog Post Details

    24 Info Footer

    25 Footer Main

======================================
[ End table content ]
======================================*/
@media (min-width: 576px) {
  /*=====================
       1 Theme Default
  =======================*/
  .breadcum {
    padding: 80px 0px;
  }
  .widgets .widget ~ .widget {
    margin-top: 50px;
  }
  /*=====================
     5 About Us
  =======================*/
  .about-us .about-img {
    width: calc(100% - 55px);
    margin: 21px 0px 21px 28px;
  }
  .about-us .items-content li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 35px 30px;
  }
  .about-us .items-content .my-icon ~ .item-text {
    margin-top: 0px;
  }
  .about-us .items-link ul {
    gap: 50px;
  }
  /*=====================
       25 Footer Main
  =======================*/
  .footer-main .footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  /*=====================
       1 Theme Default
  =======================*/
   section section,
   .blog-post,
   .blog-post-details,
   .page-404 {
    padding:80px 0
  }
  .breadcum {
    padding: 100px 0px;
  }
  .title-left-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .title-left-right .left-content {
    width: 45%;
  }
  .title-left-right .right-content {
    width: 55%;
    padding-left: 30px;
    margin-top: 10px;
  }
  /*=====================
       2 Top Bar
  =======================*/
  .top-bar .info-link ul {
    gap: 15px;
  }
  .top-bar .info-link li:nth-child(3) {
    display: block;
  }
  /*=====================
    4 Banner
  =======================*/
  .banner .banner-content {
    width: 70%;
  }
  /*=====================
     6 Services
  =======================*/
  .services .row > div:nth-child(2) .services-card {
    margin-top: 0;
  }
  /*=====================
     7 Work Gallery
  =======================*/
  .work-gallery .row > div:nth-child(2) .gallery-card {
    margin-top: 0px;
  }
  .work-gallery .gallery-img-boxs {
    grid-gap: 30px;
  }
  .work-gallery.v1 .gallery-img-horizontal {
    grid-column: auto/span 2;
  }
  .work-gallery.v2 .gallery-img-boxs {
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fit, calc(33.3333333% - 20px));
  }
  .work-gallery.v2 .gallery-img-small {
    grid-row: span 1;
    grid-column: span 1;
  }
  .work-gallery.v2 .gallery-img-horizontal {
    grid-row: span 2;
    grid-column: span 1;
  }
  .work-gallery.v2 .gallery-img-vertical {
    grid-row: span 1;
    grid-column: span 2;
  }
  /*=====================
     8 Counter Section 
  =======================*/
  .counter-section .counter-items ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .counter-section .counter-items li {
    width: calc(50% - 23px);
    min-width: calc(50% - 23px);
  }
  /*========================
     10 Our Simple Step
  =======================*/
  .our-simple-step .row > div:nth-child(2) .process-card {
    margin-top: 0;
  }
  /*=====================
    11 Clients Review
  =======================*/
  .clients-review .section-title ~ .slider {
    margin-top: 60px;
  }
  .clients-review .client-card {
    padding: 40px;
  }
  .clients-review.v1 .client-card .swiper-slide-active,
  .clients-review.v1 .client-card:hover {
    border-bottom-color: var(--color-orange);
    border-radius: 10px;
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    background: var(--color-white);
  }
  .clients-review.v2 .client-card h6,
  .clients-review.v2 .client-card p {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .clients-review.v2 .client-card.swiper-slide-active, .clients-review.v2 .client-card:hover {
    border-color: var(--color-orange);
    border-radius: 5px;
    box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
    background: var(--color-orange);
  }
  .clients-review.v2 .client-card.swiper-slide-active h6,
  .clients-review.v2 .client-card.swiper-slide-active h6 a,
  .clients-review.v2 .client-card.swiper-slide-active p, .clients-review.v2 .client-card:hover h6,
  .clients-review.v2 .client-card:hover h6 a,
  .clients-review.v2 .client-card:hover p {
    color: var(--color-white);
  }
  /*========================
     12 Get In Touch
  =======================*/
  .get-in-touch .left-content .card-items-list li {
    width: calc(50% - 15px);
  }
  /*========================
     13 Latest News
  =======================*/
  .latest-news .row > div:nth-child(2) .new-post-card {
    margin-top: 0;
  }
  /*========================
     14 Who We Are
  =======================*/
  .who-we-are .left-images {
    position: relative;
  }
  .who-we-are .left-images .big-img {
    width: calc(100% - 70px);
    margin: 0 auto;
  }
  .who-we-are .left-images .count-and-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
    margin-top: -57px;
  }
  .who-we-are .left-images .count-and-img .count-user ~ .smaill-img {
    margin-top: 0px;
  }
  .who-we-are .left-images .smaill-img {
    position: relative;
    width: 32%;
    border: 7px solid var(--color-white);
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    border-radius: 5px;
  }
  .who-we-are .left-images .smaill-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: -100%;
    background-image: url("../img/who-we-are/shap.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    z-index: -1;
  }
  /*=====================
    16 Our Team
  =======================*/
  .our-tema .row > div:nth-child(2) .tema-card {
    margin-top: 0;
  }
  /*=====================
       17 Talk To Us
  =======================*/
  .talk-to-us .left-numbber {
    padding: 40px 60px;
    gap: 25px;
    margin: -100px 46px 0px 46px;
  }
  .talk-to-us .left-numbber .my-icon {
    font-size: 50px;
  }
  .talk-to-us .left-numbber .text-content h4 ~ h3 {
    margin-top: -4px;
  }
  .talk-to-us .right-content .section-title ~ form {
    margin-top: 60px;
  }
  .talk-to-us .right-content form .group-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
  }
  .talk-to-us .right-content form .group-box div ~ div,
  .talk-to-us .right-content form .group-box span ~ span {
    margin-top: 0;
  }
  .talk-to-us.v1 {
    position: relative;
    z-index: 1;
  }
  .talk-to-us.v1::before {
    position: absolute;
    content: "";
    width: 60%;
    height: 100%;
    right: 0;
    bottom: 0;
    background-image: url("../img/talk-to-us/bg-shap.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100% 100%;
    z-index: -1;
  }
  /*=====================
       23 Blog Post
  =======================*/
  .blog-post-card ~ .blog-post-card {
    margin-top: 50px;
  }
  .blog-post-card.video-box .play-video-btn {
    width: 80px;
    height: 80px;
    font-size: 18px;
  }
  .page-404 .error-thumb {
    width: 80%;
    margin: 0 auto;
  }

  /*=====================
       24 Info Footer
  =======================*/
  .info-footer .row > div:nth-child(2) .footer__widget {
    margin-top: 9px;
  }
}
@media (min-width: 992px) {
  /*=====================
       1 Theme Default
  =======================*/
  .section-title-center {
    max-width: 50%;
  }
  .breadcum {
    padding: 100px 0px;
  }
  .list-mark.two-col-list li {
    width: calc(50% - 25px);
  }
  /*=====================
       2 Top Bar
  =======================*/
  .top-bar .social-link {
    display: inline;
  }
  .top-bar .info-link ul {
    gap: 35px;
  }
  .top-bar.v1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .top-bar.v1 .top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
  }
  .top-bar .top-bar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  /*=====================
       3 Menu Bar
  =======================*/
  .menu-bar {
    padding: 0px;
  }
  .menu-bar .main-menu {
    display: inherit;
  }
  .menu-bar .mobile-menu-btn {
    display: none;
  }
  .menu-bar.v3 .menu-logo {
      position: relative;
      background: var(--color-white);
      z-index: 2;
  }
  .menu-bar.v3 .menu-logo::before {
	position: absolute;
	content: "";
	width: 30vw;
    height: calc(100% + 37.5px);
    top: -18.7px;
    right: calc(-60% - -30px);
	background: var(--color-green);
	clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
	z-index: -2;
  }

  /*=====================
    4 Banner
  =======================*/
  .banner .banner-content {
    width: 50%;
  }
  .banner.v2 {
    background-position: 130% 0%;
    background-size: 70% 100%;
  }
  .banner.v2::before, .banner.v2::after {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    z-index: -1;
  }
  .banner.v2::before {
    width: 50%;
    left: 0;
    opacity: 1;
    background: var(--color-black);
  }
  .banner.v2::after {
    width: 100%;
    right: 0%;
    background-image: url("../img/banner/v2/shap.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  /*=====================
     5 About Us
  =======================*/
  .about-us .about-content {
    margin-top: 0px;
  }
  .about-us .about-img {
    width: calc(100% - 70px);
  }
  .about-us .about-img .circle-play-btn {
    width: 144px;
    height: 144px;
  }
  /*=====================
     6 Services
  =======================*/
  .services.v1 .services-card .services-text {
    padding: 40px;
  }
  .services.v1 .services-card .services-text .my-icon {
    font-size: 55px;
    width: 95px;
    height: 95px;
    line-height: 95px;
  }
  .services.v2 .services-card .services-header, .services.v3 .services-card .services-header {
    padding: 20px 35px;
  }
  .services.v2 .services-card .services-header .services-text h4 ~ p, .services.v3 .services-card .services-header .services-text h4 ~ p {
    margin-top: 5px;
  }
  /*========================
     12 Get In Touch
  =======================*/
  .get-in-touch .left-content .card-items-list li {
    width: 100%;
  }
  /*========================
     13 Latest News
  =======================*/
  .latest-news.v1 .new-post-card .post-content {
    padding: 40px;
  }
  .latest-news.v2 .section-title .right-content {
    text-align: right;
  }
  /*=====================
     15 Company Benefits
  =======================*/
  .company-benefits {
    padding: 0;
    overflow: hidden;
  }
  .company-benefits::before {
    height: calc(100% - 80px);
  }
  .company-benefits .content-box {
    padding: 100px 0;
    margin-top: 80px;
  }
  .company-benefits .box-img {
    position: relative;
    left: 0;
    margin-top: 0;
  }
  .company-benefits .box-img::before {
    position: absolute;
    content: "";
    width: 50vw;
    height: 100%;
    bottom: -100%;
    left: 0;
    background: var(--color-white2);
  }
  .company-benefits .box-img img {
    width: 50vw;
  }
  /*=====================
      18 FAQ Section 
  =======================*/
  .faq-section .accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: start;
    gap: 30px;
  }
  .faq-section .accordion li {
    width: calc(50% - 15px);
  }
  .faq-section .accordion li ~ li {
    margin-top: 0;
  }
  /*=====================
     19 Team Details
  =======================*/
  .team-details .profile-info {
    margin-top: 0px;
    padding-left: 70px;
  }
  .team-details .info-title h6 ~ p {
    margin-top: 25px;
  }
  .team-details .list-mark li ~ li {
    margin-top: 25px;
  }
  .team-details .list-mark h4 {
    font-size: 24px;
    line-height: 36px;
  }
  .team-details .list-mark ~ .info-social {
    margin-top: 45px;
  }
  .team-details .row ~ .team-description {
    margin-top: 100px;
  }
  .team-details .team-description p ~ h3 {
    margin-top: 50px;
  }
  .team-details .skills-list {
    padding-left: 70px;
    margin-top: 0;
  }
  /*=====================
    20 Service Details 
  =======================*/
  .service-details .service-links-list li a {
    padding: 15px 30px;
    font-size: 18px;
  }
  .service-details .profile-numbber {
    margin: -10% 20px 0px 20px;
  }
  .service-details .service-content .big-img ~ .service-text {
    margin-top: 50px;
  }
  .service-details .service-content h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .service-details .service-content .service-text h2 ~ p {
    margin-top: 50px;
  }
  .service-details .service-content .service-text p ~ h6 {
    margin-top: 30px;
  }
  .service-details .service-content .service-text ~ .list-mark {
    margin-top: 50px;
  }
  .service-details .service-content .list-mark h2 ~ ul {
    margin-top: 30px;
  }
  .service-details .services-box-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
  }
  .service-details .services-box-imgs .box-img ~ .box-img {
    margin-top: 0px;
  }
  .service-details .services-box-imgs ~ .services-faq {
    margin-top: 50px;
  }
  
  .page-404 .error-thumb {
    width: 50%;
  }
    
  /*=====================
       24 Info Footer
  =======================*/
  .info-footer.v2 .row > div:nth-child(3) .footer__widget {
    margin-top: 9px;
  }
  /*=====================
       25 Footer Main
  =======================*/
  .footer-main .footer-content ul {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  /*=====================
       1 Theme Default
  =======================*/
  section section,
 .blog-post,
 .blog-post-details,
 .page-404 {
    padding: 100px 0
  }
  .breadcum {
    padding: 150px 0px;
  }
  .breadcum .breadcum-content h4 {
    font-size: 48px;
    line-height: 60px;
  }
  .breadcum .breadcum-content ul {
    font-size: 18px;
    line-height: 28px;
  }
  .widgets .widget-header,
  .blog__sidebar .wp-block-search__label,
  .blog__sidebar .wp-block-heading,
  .blog__sidebar .sidebar__widget-title {
      padding: 20px 30px;
  }
  .widgets .widget-header h4,
  .blog__sidebar .wp-block-search__label,
  .blog__sidebar .wp-block-heading,
  .blog__sidebar .sidebar__widget-title {
    font-size: 24px;
    line-height: 36px;
  }
  .widgets .widget-content,
  .blog__sidebar .wp-block-search__inside-wrapper,
  .blog__sidebar .sidebar__widget ul,
  .blog__sidebar .sidebar__widget ol {
    padding: 30px;
  }
  .blog__sidebar .widget_categories ul {
   padding: 60px 35px;
  }

  .widgets .category-list ul {
    padding: 30px 20px;
  }
  .widgets .post-list li ~ li {
    margin-top: 30px;
  }
  .widgets .tags-widgets ul,
  .blog__sidebar .sidebar__widget .tagcloud {
    gap: 20px;
  }
  .pegination-box ul {
    gap: 20px;
  }
  .pegination-box a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  .section-title h2,
  .section-title-center h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .scroll-bottom-Top {
    width: 55px;
    height: 55px;
    bottom: 50px;
    line-height: 55px;
  }
  .scroll-bottom-Top.show {
    right: 50px;
  }
  /*=====================
       2 Top Bar
  =======================*/
  .top-bar .info-link ul {
    justify-content: inherit;
  }
  /*=====================
       3 Menu Bar
  =======================*/
  .menu-bar .main-menu ul a {
    padding: 37px 0px;
  }
  .menu-bar .main-menu ul li:nth-last-child(3) ul {
    left: 0;
    right: inherit;
  }
  .menu-bar .main-menu ul li:nth-last-child(3) ul ul {
    left: 100%;
    right: inherit;
  }
  .menu-bar .main-menu ul li:nth-last-child(3) ul,
  .menu-bar .main-menu ul li:nth-last-child(3) ul ul {
    left: 0;
    right: inherit;
  }
  .menu-bar .main-menu, .menu-bar.v1 .right-btn {
    display: inherit;
  }
  .menu-bar.v2 .right-contact,
  .menu-bar.v3 .right-contact{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 15px;
  }
  .menu-bar.v3 .menu-logo::before {
    height: calc(100% + 51.5px);
    top: -25.7px;
  }
  /*=====================
    4 Banner
  =======================*/
  .banner {
    padding: 0;
  }
  .banner .banner-content {
    padding: 100px 0px;
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100vh - 155px);
  }
  .banner .banner-content h2 {
    font-size: 68px;
    line-height: 90px;
  }
  .banner .banner-content h6 ~ h2 {
    margin-top: 10px;
  }
  .banner .banner-content h2 ~ p {
    margin-top: 5px;
  }
  .banner .banner-content p ~ ul {
    margin-top: 50px;
  }
  .banner.v1::after {
    width: 54vh;
    height: 54vh;
    left: -16%;
    bottom: -12%;
  }
  /*=====================
     5 About Us
  =======================*/
  .about-us .about-img {
    width: calc(100% - 130px);
  }
  /*=====================
     6 Services
  =======================*/
  .services .row > div:nth-child(3) .services-card {
    margin-top: 0;
  }
  /*=====================
     7 Work Gallery
  =======================*/
  .work-gallery .section-title ~ .gallery-img-boxs,
  .work-gallery .section-title-center ~ .gallery-img-boxs {
    margin-top: 60px;
  }
  .work-gallery .row > div:nth-child(3) .gallery-card {
    margin-top: 0px;
  }
  .work-gallery.v1 .gallery-img-boxs {
    grid-template-columns: repeat(auto-fit, calc(25% - 23px));
  }
  /*=====================
     8 Counter Section 
  =======================*/
  .counter-section .counter-items li {
    width: calc(25% - 23px);
    min-width: calc(25% - 23px);
  }
  /*=====================
     9 Common Faq’s
  =======================*/
  .common-faqs::before {
    height: 45%;
  }
  .common-faqs .faqs-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .common-faqs .faq-content {
    width: 60%;
    padding: 60px;
    border-radius: 5px 0px 0px 5px;
  }
  .common-faqs .faq-img {
    width: 40%;
    margin-top: 0;
  }
  .common-faqs .faq-img img {
    border-radius: 0px 5px 5px 0px;
  }
  /*========================
     10 Our Simple Step
  =======================*/
  .our-simple-step {
    position: relative;
  }
  .our-simple-step::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    z-index: -1;
  }
  .our-simple-step .row > div:nth-child(3) .process-card {
    margin-top: 0;
  }
  .our-simple-step.v1 {
    padding-top: 0;
  }
  .our-simple-step.v1::before {
    width: 30%;
    min-height: calc(100% + 910px);
    top: -100%;
    left: 0;
    background-image: url("../img/our-simple-step/v1/bg-shap.png");
    background-position: left;
    background-size: 100% 100%;
  }
  .our-simple-step.v1 .section-title ~ .row,
  .our-simple-step.v1 .section-title-center ~ .row {
    margin-top: 80px;
  }
  .our-simple-step.v1 .row > div:nth-child(4) .process-card {
    margin-top: 0;
  }
  .our-simple-step.v1 .process-card {
    padding: 70px 30px 40px 30px;
  }
  .our-simple-step.v1 .process-card .my-icon {
    position: absolute;
    top: -30px;
    right: 30px;
    margin-bottom: 0;
  }
  .our-simple-step.v2::before {
    width: 75%;
    height: 75%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("../img/our-simple-step/v2/bg-shap.png");
    background-size: contain;
    background-position: center;
  }
  .our-simple-step.v2 .process-card {
    padding: 40px;
  }
  /*=====================
    11 Clients Review
  =======================*/
  .clients-review .section-title ~ .slider {
    margin-top: 60px;
  }
  .clients-review .prev-btn,
  .clients-review .next-btn {
    width: 60px;
    height: 60px;
    font-size: 14px;
  }
  .clients-review .prev-btn ~ .next-btn {
    margin-left: 20px;
  }
  /*========================
     12 Get In Touch
  =======================*/
  .get-in-touch {
    padding-bottom: 0;
  }
  .get-in-touch::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 35%;
    left: 0;
    bottom: 0;
    background: var(--color-white);
    z-index: -1;
  }
  .get-in-touch .left-content .s-items-list ~ a {
    margin-top: 60px;
  }
  .get-in-touch .left-content .card-items-list {
    margin-top: 200px;
  }
  .get-in-touch .get-in-touch-form {
    padding: 65px 60px;
    margin-top: 0;
  }
  /*========================
     13 Latest News
  =======================*/
  .latest-news .row > div:nth-child(3) .new-post-card {
    margin-top: 0;
  }
  /*=====================
    16 Our Team
  =======================*/
  .our-tema .row > div:nth-child(3) .tema-card {
    margin-top: 0;
  }
  .our-tema.shap-bg {
    position: relative;
    padding-bottom: 0;
    z-index: 1;
  }
  .our-tema.shap-bg::before, .our-tema.shap-bg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 30%;
    left: 0;
    z-index: -1;
  }
  .our-tema.shap-bg::before {
    bottom: 0;
    background: var(--color-black);
  }
  .our-tema.shap-bg::after {
    top: 0;
    background-image: url("../img/team/shap.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100vw 19vw;
  }
  /*=====================
       22 Contact Us
  =======================*/
  .contact-us .contact-info-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
  }
  .contact-us .contact-left {
    width: calc(30% - 15px);
  }
  .contact-us .contact-left li {
    padding: 30px;
  }
  .contact-us .contact-left .my-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
  }
  .contact-us .contact-left ~ .contact-map {
    margin-top: 0px;
  }
  .contact-us .contact-map {
    width: calc(70% - 15px);
  }
  .contact-us .contact-form {
    padding: 65px 60px;
  }
  /*=====================
       23 Blog Post
  =======================*/
  .blog-post-card ~ .blog-post-card {
    margin-top: 60px;
  }
  .blog-post-card ~ .pegination-box {
    margin: 50px 0px 0px 0px;
  }
  .blog-post-card .post-slider .prev-btn,
  .blog-post-card .post-slider .next-btn {
    width: 60px;
    height: 60px;
    font-size: 20px;
    line-height: 64px;
  }
  /*=====================
    24 Blog Post Details
  =======================*/
  .blog-post-details .post-comments {
    margin-bottom: 0px;
  }
  .blog-post-details .blog-content ~ .post-tags,
  .blog-post-details .post-tags ~ .post-comments,
  .blog-post-details .coomment-post ~ .all-comments,
  .blog-post-details .all-comments ~ .comments-form {
    margin-top: 50px;
  }
  .blog-post-details .blog-img-gallary {
    gap: 30px;
  }
  .blog-post-details .blog-img-gallary .box-img {
    width: calc(50% - 15px);
  }
  .blog-post-details .your-potential {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .blog-post-details .your-potential .box-img {
    width: 45%;
  }
  .blog-post-details .your-potential .box-content {
    width: 55%;
    padding-left: 30px;
    margin-top: 0;
  }
  .blog-post-details .user-content {
    margin-top: 0;
  }
  .blog-post-details .user-content .my-icon {
    font-size: 96px;
  }
  .blog-post-details .post-comments .coomment-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .blog-post-details .post-comments .coomment-post .comment-img {
    min-width: 120px;
  }
  .blog-post-details .post-comments .coomment-post .comment-img ~ .comment-text {
    margin-top: 0;
  }
  .blog-post-details .post-comments .coomment-post .comment-text {
    width: calc(100% - 140px);
  }
  /*=====================
       24 Info Footer
  =======================*/
  .info-footer {
    padding: 70px 0px;
  }
  .info-footer .footer-left .footer-logo a {
    max-width: 180px;
  }
  .info-footer .footer-left .footer-logo ~ p {
    margin-top: 40px;
  }
  .info-footer.v1 .row > div:nth-child(3) .footer__widget ,
  .info-footer.v3 .row > div:nth-child(3) .footer__widget ,
  .info-footer .row > div:nth-child(4) .footer__widget 
  {
    margin-top: 9px;
  }
  .info-footer .popular-post {
    margin-left: 15px;
  }
  /*=====================
       25 Footer Main
  =======================*/
  .footer-main .footer-content ul {
    justify-content: end;
  }
}
@media (min-width: 1400px) {
  /*=====================
       3 Menu Bar
  =======================*/
  .menu-bar .menu-logo a {
    max-width: 180px;
  }
  .menu-bar.v3 .menu-logo::before {
	height: calc(100% + 41.6px);
	top: -20.9px;
}
  /*========================
     12 Get In Touch
  =======================*/
  .get-in-touch .left-content .card-items-list li {
    width: calc(50% - 15px);
  }
  /*========================
     14 Who We Are
  =======================*/
  .who-we-are .left-images .smaill-img {
    width: 45%;
  }
  .who-we-are .left-images .count-user .my-icon {
    min-width: 100px;
    width: 100px;
    height: 100px;
    font-size: 60px;
    line-height: 100px;
  }
}