/* =========================== Home Page =========================== */

/* =========================== Banner Slider =========================== */
.banner-slider .slider-wrapper { position: relative; }
.banner-slider .slider-left-desc { padding: 106px 115px 94px 0px; }
.banner-slider .slider-left-desc h1 { margin-bottom: 26px; }
.banner-slider .slider-left-desc p { margin-bottom: 50px; }
.banner-slider .slider-wrapper .container { position: relative; z-index: 1; }
.banner-slider .color-img { position: absolute; top: 0; left: 0; width: 50%; height: 100%; object-fit: cover; }
.banner-slider .slider-right-img { position: absolute; top: 0; right: 0; width: 50%; height: 100%; object-fit: cover; }
.banner-slider .slider-wrapper.black-txt .slider-left-desc { color: var(--black-color); }
.banner-slider .slider-wrapper.white-txt .slider-left-desc { color: var(--white-color); }

/* =========================== Banner Below Grid =========================== */
.banner-below-grid {  padding: 30px 0px; background: var(--white-color); margin-top: 60px; }
.banner-below-grid-item  {  display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 19px;  }
.banner-below-grid-item .icon { width: 85px; }
.banner-below-grid-item .icon img { width: 100%; height: auto; }
.banner-below-grid-item .icon-desc { width: calc(100% - 104px); }
.banner-below-grid-item .icon-desc span { margin-bottom: 10px; display: block; font-weight: 600; }

/* =========================== Access Smarts Cards =========================== */
.access-smarts-grid { display: flex; display: -webkit-flex; gap: 38px; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; }
.access-smarts-grid.odd-grid .access-smarts-card { width: calc((100% / 3) - 26px);  }
.access-smarts-grid.even-grid .access-smarts-card { width: calc((100% / 4) - 29px);  }
.access-smarts-card { overflow: hidden; position: relative; text-align: center; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; box-shadow: 4.44px 5.55px 4.44px rgba(0, 0, 0, 0.1);  width: 100%; padding: 28px; border-radius: 30px; background: var(--white-color); transition: all 0.5s; -webkit-transition: all 0.5s; }
.access-smarts-card:hover {  box-shadow: 4.44px 5.55px 4.44px rgba(0, 0, 0, 0.3); }
.access-smarts-card .inner-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.access-smarts-card figure { display: block; width: 100%; margin-bottom: 18px; }
.access-smarts-card figure img { /*width: min(230px, 100%);*/ max-width: 100%; max-height: 196px; margin: 0px auto; }
.access-smarts-card figure figcaption { margin-top: 26px; text-transform: capitalize;  }
.access-smarts-card .secondary-theme-btn { position: relative; z-index: 1; }
.access-smarts .not-sure {  margin-top: 80px;  }

/* =========================== Custom solutions Cards =========================== */
.custom-solutions-card { text-align: center; height: 100%; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.custom-solutions-card .inner-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.custom-solutions-card figure { display: block; width: 100%; margin-bottom: 34px;  }
.custom-solutions-card figure img { width: 100%; height: auto; border-radius: 25px; box-shadow: 4px 5px 4px rgba(0, 0, 0, 0.1); aspect-ratio: 1 / 0.874; object-fit: cover; }
.custom-solutions-card figure figcaption { margin-top: 47px; }

/* =========================== Creative Ideas =========================== */
.creative-ideas-card { background: var(--white-color); border-radius: 20px;box-shadow: 4px 5px 4px rgba(0, 0, 0, 0.1); padding: 34px; height: 100%; }
.creative-ideas-card .icons { width: 32px; margin-bottom: 13px; }
.creative-ideas-card .icons img { width: 100%; height: auto; }
.creative-ideas-card .title { margin-bottom: 10px; display: block; color: var(--red-color); font-weight: 600; line-height: 1.1; }
.creative-ideas-card p {   margin-bottom: 0px; }
.creative-ideas .not-sure {  margin-top: 80px; }



@media (min-width: 992px) and (max-width: 1169px) {

    /* =========================== Home Page =========================== */

    /* =========================== Banner Slider =========================== */
    .banner-slider .slider-left-desc { padding: 111px 0px 100px 0px; }
    .banner-slider .slider-left-desc h1 { margin-bottom: 22px; }
    .banner-slider .slider-left-desc p { margin-bottom: 40px; }
    /* =========================== Banner Below Grid =========================== */
    .banner-below-grid { margin-top: 50px; }
    .banner-below-grid-item  {  gap: 14px;  }
    .banner-below-grid-item .icon { width: 65px; }
    .banner-below-grid-item .icon-desc { width: calc(100% - 79px); }

    /* =========================== Access Smarts Cards =========================== */
    .access-smarts-grid {  gap: 28px;  }
    .access-smarts-grid.odd-grid .access-smarts-card { width: calc((100% / 3) - 19px);  }
    .access-smarts-grid.even-grid .access-smarts-card { width: calc((100% / 4) - 21px);  }
    .access-smarts-card {  padding: 22px; border-radius: 16px;   }
    .access-smarts-card figure {  margin-bottom: 16px; }
    .access-smarts-card figure figcaption { margin-top: 22px;  }
    .access-smarts-grid.even-grid .figcaption { font-size: 20px; line-height: 1.4; }
    .access-smarts .not-sure {  margin-top: 60px;  }

    /* =========================== Custom solutions Cards =========================== */
    .custom-solutions-card figure {  margin-bottom: 30px;  }
    .custom-solutions-card figure img { border-radius: 16px;  }
    .custom-solutions-card figure figcaption { margin-top: 26px; }

    /* =========================== Creative Ideas =========================== */
    .creative-ideas-card { border-radius: 12px; padding: 24px;  }
    .creative-ideas-card .icons { width: 32px; margin-bottom: 13px; }
    .creative-ideas .not-sure {  margin-top: 60px; }

}

@media (min-width: 768px) and (max-width: 991px) {

    /* =========================== Home Page =========================== */

    /* =========================== Banner Slider =========================== */
    .banner-slider .slider-left-desc { padding: 80px 20px 80px 0px; }
    .banner-slider .slider-left-desc h1 { margin-bottom: 18px; }
    .banner-slider .slider-left-desc p { margin-bottom: 38px; }
    /* =========================== Banner Below Grid =========================== */
    .banner-below-grid { margin-top: 40px; }
    .banner-below-grid-item  {  gap: 14px;  }
    .banner-below-grid-item .icon { width: 50px; }
    .banner-below-grid-item .icon-desc { width: calc(100% - 64px); }

    /* =========================== Access Smarts Cards =========================== */
    .access-smarts-grid {  gap: 16px;  }
    .access-smarts-grid.odd-grid .access-smarts-card { width: calc((100% / 3) - 11px);  }
    .access-smarts-grid.even-grid .access-smarts-card { width: calc((100% / 4) - 12px);  }
    .access-smarts-card {  padding: 16px; border-radius: 12px;   }
    .access-smarts-card figure {  margin-bottom: 12px; }
    .access-smarts-card figure figcaption { margin-top: 22px; font-size: 18px; line-height: 26px;  }
    .access-smarts-grid.even-grid .access-smarts-card figcaption { font-size: 14px; line-height: 22px; }
    .access-smarts-grid.even-grid .access-smarts-card .secondary-theme-btn { font-size: 12px; line-height: 1; min-width: unset; }
    .access-smarts .not-sure {  margin-top: 50px;  }

    /* =========================== Custom solutions Cards =========================== */
    .custom-solutions-card figure {  margin-bottom: 24px;  }
    .custom-solutions-card figure img { border-radius: 12px;  }
    .custom-solutions-card figure figcaption { margin-top: 22px; }

    /* =========================== Creative Ideas =========================== */
    .creative-ideas-card { border-radius: 12px; padding: 16px;  }
    .creative-ideas-card .icons { width: 32px; margin-bottom: 10px; }
    .creative-ideas .not-sure {  margin-top: 50px; }

}

@media (max-width: 767px) {

    /* =========================== Home Page =========================== */

    /* =========================== Banner Slider =========================== */
    .banner-slider .slider-left-desc { padding: 30px 0px; }
    .banner-slider .slider-left-desc h1 { margin-bottom: 18px; }
    .banner-slider .slider-left-desc p { margin-bottom: 32px; }
    .banner-slider .slider-right-img { position: relative; width: 100%; height: auto; aspect-ratio: 1 / 0.66; }
    .banner-slider .slider-wrapper { display: flex; display: -webkit-flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }
    .banner-slider .color-img { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: calc(100% - 63vw); object-fit: cover; }

    /* =========================== Banner Below Grid =========================== */
    .banner-below-grid { margin-top: 40px; }
    .banner-below-grid .row { gap: 20px; }
    .banner-below-grid-item  {  gap: 10px;  }
    .banner-below-grid-item .icon { width: 40px; }
    .banner-below-grid-item .icon-desc span { margin-bottom: 8px; }
    .banner-below-grid-item .icon-desc span br { display: none; }
    .banner-below-grid-item .icon-desc { width: calc(100% - 50px); }

    /* =========================== Access Smarts Cards =========================== */
    .access-smarts-grid {  gap: 16px;  }
    .access-smarts-grid.odd-grid .access-smarts-card,
    .access-smarts-grid.even-grid .access-smarts-card { width: calc((100% / 2) - 8px);  }
    .access-smarts-card {  padding: 16px; border-radius: 12px;   }
    .access-smarts-card figure {  margin-bottom: 12px; }
    .access-smarts-card figure figcaption { margin-top: 22px; font-size: 14px; line-height: 22px;  }
    .access-smarts-grid.even-grid .access-smarts-card .secondary-theme-btn { font-size: 12px; line-height: 1; min-width: unset; }
    .access-smarts .not-sure {  margin-top: 30px;  }

    /* =========================== Custom solutions Cards =========================== */
    .custom-solutions .col-6 { margin-bottom: 30px; }
    .custom-solutions-card figure {  margin-bottom: 24px;  }
    .custom-solutions-card figure img { border-radius: 12px;  }
    .custom-solutions-card figure figcaption { margin-top: 22px; }

    /* =========================== Creative Ideas =========================== */
    .creative-ideas .col-sm-6  { margin-bottom: 20px; }
    .creative-ideas-card { border-radius: 12px; padding: 16px;  }
    .creative-ideas-card .icons { width: 32px; margin-bottom: 10px; }
    .creative-ideas .not-sure {  margin-top: 30px; }

}