/** Shopify CDN: Minification failed

Line 758:76 Unexpected "{"

**/
/* New redesign website css */
.footer-bottom .social-sharing-wrapper, .footer-bottom .payment-icon-list {
    grid-template-columns: repeat(5,auto);
}
.h2-heading, .our-team-section h3.rich-text__heading.h2, .accordion__header .h2-heading{
  font-size: 54px;
  line-height: 64px;
  color: #222A51;
}
.new-home-banner-section .brick-block__inner {
    padding-left: 0px;
    padding-right: 0px;
}
.new-newsletter .text-block p{
    max-width: 812px;
    margin: auto;
    font-size: 24px;
    margin-bottom: 48px;
}
.new-newsletter .input-group {
    display: block;
    max-width: 812px;
    position: relative;
    margin: auto;
}
.new-newsletter h2, .new-newsletter p{
    color: #fff;
}
.new-newsletter p {
    max-width: 812px;
    margin: auto;
    font-size: 24px;
    margin-bottom: 48px;
}
.new-newsletter .input-group .input-group__fields {
    width: 100%;
    max-width: 100% !important;
}
.new-newsletter .input-group .input-group__fields .input-group__item{
    width: 100%;
    max-width: 100% !important;
}
.new-newsletter .input-group .input-group__fields .input-group__field.input-group__field--email{
  background: #fff;
  font-size: 24px;
  padding: 39px;
  border-radius: 32px;
  color: #000;
  border: none;
}
.new-newsletter .input-group .input-group__fields input::placeholder{
  color: #a9a6a6;
  font-size: 20px;
}
.new-newsletter .input-group .input-group__item.input-group__item--btn {
    position: absolute;
    display: block;
    right: 25px;
    top: 25px;
    padding: 0;
}
.new-newsletter .input-group .input-group__item.input-group__item--btn .btn{
    display: inline-block;
    padding: 8px 16px;
    background: #00a0e9;
    color: white;
    text-decoration: none;
    border-radius: 16px;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
    padding: 36px;
    margin: 0;
    display: flex;
    border: none;
    letter-spacing: 0;
}
.note.form-success {
    color: white;
    font-size: 18px;
    background-color: #00a500;
}
.new-newsletter .has-success .input-group .input-group__item.input-group__item--btn .btn{
    display: none !important;
}
.new-newsletter .input-group .input-group__item.input-group__item--btn .btn:hover{
    transition: all .3s;
    background: #222A51;
}
.new-text-image-section .subheading-text.main-subheading {
    font-size: 18px;
    color: #222A51;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0px;
}
.new-text-image-section h3.rich-text__heading.h2{
    font-weight: 500;
    line-height: 100%;
    color: #222A51;
}
.new-home-banner-section h3.rich-text__heading.h2 {
    font-size: 72px;
}
.new-home-banner-section p {
    max-width: 542px;
    font-size: 24px;
    font-weight: 400;
    color: #666B81;
    line-height: 26px;
}
.new-home-banner-section p a {
    color: #666B81;
}
.newevo a.btn {
    letter-spacing: 0;
    font-size: 20px;
    font-weight: 600;
    padding: 22px 32px;
    border-radius: 16px;
}
.newevo a.btn:hover {
    transition: all .3s;
    background: #222A51;
}
.new-icons-grid-section {
  padding: 80px 0px 60px;
}
.new-icons-grid-section .section-heading {
  margin-bottom: 40px;
  color: #222A51;
  text-align: center;
}
.new-icons-grid-section .features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.new-icons-grid-section .feature-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0px 0px 10px 1px #f5f5f5;
}
.new-icons-grid-section .feature-icon {
  display: block;
}
.new-icons-grid-section .feature-text {
    font-size: 32px;
    color: #222A51;
    line-height: 1.2;
    font-weight: 600;
}
.our-team-section p{
    font-size: 24px;
    font-weight: 400;
    color: #222A51;
    line-height: 36px;
}
.our-team-section p a{
    color: #222A51;
}
.new-text .text__subheading {
    font-size: 18px;
    color: #222a51;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0px;
}
.new-four-grid-sec .mosaic__item{
    width: 25%;
    padding: 8px;
}
.new-four-grid-sec.new-three-grid .mosaic__item{
    width: 33%;
}
.new-four-grid-sec h3.mosaic__item__heading {
    font-size: 36px;
    line-height: 42px;
    color: #222A51;
    font-weight: 600;
    margin-bottom: 24px;
}
.new-four-grid-sec .mosaic__item__text.p {
    font-size: 24px;
    line-height: 26px;
    color: #222A51;
}
.new-four-grid-sec .mosaic__item__image:after {
    opacity: 1;
    background: linear-gradient(0deg, #ffffff, #fff0);
}
.new-four-grid-sec a.mosaic__item__btn{
    background: transparent;
    color: #00a0e9;
    border-radius: 0;
    padding: 5px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
}
.btn--text:before, .btn--text:after {
    height: 2px;
    background: #00a0e9;
}
.new-coll-slider .section__header.featured-collection__content__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
}
.new-coll-slider .featured-collection__text-group{
    width: 70%;
}
.new-coll-slider .featured-collection__text-group p{
    margin: 0;
}
.new-coll-slider .featured-collection__button-group{
    width: 25%;
    text-align: right;
}
.new-coll-slider .featured-collection__content{
    display: block;
    margin-bottom: 60px;
}
.new-coll-slider .featured-collection__text-group .section__text p {
    margin: 0;
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: #222A51;
}
.new-coll-slider .featured-collection__button-group a.btn {
    padding: 21px 31px;
    font-size: 20px;
    font-weight: 600;
    background: transparent;
    color: #00A0E9;
    border: 1px solid #00A0E9;
    border-radius: 16px;
    letter-spacing: 0;
    transition: all 0.3s;
}
.new-coll-slider .featured-collection__button-group a.btn:hover {
    color: #ffffff;
    background: #00A0E9;
    transition: all 0.3s;
    border: 1px solid #00A0E9;
}
.new-coll-slider .product-grid-item__image {
    max-height: 422px;
}
.new-coll-slider .product-grid-item__info p{
    display: none;
}

.new-coll-slider .product-grid-item__info{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;   
}
.new-coll-slider a.product-grid-item__title.font-heading {
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
    color: #222A51;
    width: 70%;
    min-height: 90px;
}
.new-coll-slider .product-grid-item__info a.product-grid-item__price {
    font-size: 24px;
    line-height: 34px;
    text-align: right;
    font-weight: 400;
    color: #222A51;
    width: 24%;
}
.new-coll-slider .one-quarter {
    width: 90%;
}
.new-coll-slider .product-grid-item__info a.product-grid-item__btn {
    width: 100%;
    display: block;
    padding: 22px 32px;
    font-size: 20px;
    font-weight: 600;
    border: none;
    border-radius: 16px;
    color: #fff;
}
.new-coll-slider .product-grid-item__info a.product-grid-item__btn:hover {
    transition: all .3s;
    background: #222A51;
}


.new-coll-slider .swiper{
    padding-bottom: 80px;
}
.new-coll-slider .swiper-pagination{
    text-align: left ;
}
.new-coll-slider .swiper-button-next, .new-coll-slider .swiper-button-prev {
    top: unset;
    bottom: 0px;
}
.new-coll-slider .swiper-button-next {
    height: 48px;
    width: 48px;
}
.new-coll-slider .swiper-button-prev {
    left: unset;
    right: 70px;
    height: 48px;
    width: 48px;
}
.new-coll-slider .swiper-button-next:after {
    content: '';
    font-family: unset;
    background: url('/cdn/shop/files/right-arrow.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
    width: 44px;
    left: 0px;
    top: 0px;
    position: absolute;
}
.new-coll-slider .swiper-button-prev:after {
    content: '';
    font-family: unset;
    background: url('/cdn/shop/files/right-arrow.png');
    rotate: 180deg;
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
    width: 44px;
    left: 0px;
    top: 0px;
    position: absolute;
}
 span.swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #222a51;
    opacity: 1;
}
 span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #00A0E9;
    border: 1px solid #00A0E9;
    opacity: 1;

}
.mob-coll-show .product-grid-item__image, .mob-coll-show .product-grid-item__info{
    opacity: 1!important;
}
.new-coll-slider.sec-for-mobile{
    display: none;
}
.new-coll-slider.sec-for-desktop{
    display: block;
}
.section-marquee:has(.new-brand-marque){
    max-width: 1300px;
    margin: 0 auto;
}
.new-brand-marque img{
     filter: grayscale(100%);
}
.new-brand-marque img:hover{
     filter: grayscale(90%);
}
.grp_custom_heading_continer {
    justify-content: flex-start !important;
}
.grp_custom_heading_continer .grp_custom_heading {
    font-size: 54px;
    margin-bottom: 30px;
    font-weight: 600;
    line-height: 65px;
    text-align: left;
    max-width: 700px;
}
.grp-entangle-write-div .grp-entangle-write a {
    font-size: 20px !important;
    font-weight: 600;
    padding: 21px 32px !important;
    cursor: pointer !important;
    background: #00A0E9;
    transition: all .3s;
    color: #fff;
}
.grp-entangle-write-div .grp-entangle-write a:hover{
    transition: all .3s;
    background: #ffffff;
    color: #00A0E9;
}

.grp-entangle-write-div:has(.grp-entangle-badge-button) {
    margin-top: -120px!important;
    margin-bottom: 30px!important;
}
.grp-entangle-item-body {
    order: 1;
    margin-top: 20px;
}
.grp-entangle-item-head {
    order: 2;
}
.grp-entangle-item-body-stars {
    order: 3;
    margin-top: -45px;
}
.grp-entangle-item-body-review{
    font-size: 16px !important;
    line-height: 28px;
    min-height: 90px;
}
svg.grp-full-star, grp-half-star {
    fill: #00A0E9 !important;
}
.grp-entangle-rating-container {
    display: none;
}
svg.grp-empty-star {
    stroke: #00a0e9 !important;
}
.grp-entangle-rating {
    justify-content: right !important;
}
.grp-entangle-item-head-logo-wrapper {
    display: none;
}
.grp-entangle-swiper-wrap {
    padding: 0 !important;
}
div#grp-entangle-width-check {
    padding-bottom: 70px !important;
}
.grp-hover-effect.grp-slider-prev {
    top: unset;
    bottom: 10px !important;
}
.grp-hover-effect.grp-slider-prev {
    top: unset !important;
    bottom: 0px!important;
    left: unset !important;
    right: 50px !important;
    height: 40px!important;
    width: 40px !important;
    border: 2px solid #BCBCBE;
    border-radius: 100%;
    padding: 3px;
}
.grp-hover-effect.grp-slider-next {
    top: unset !important;
    bottom: 0px!important;
    font-size: 32px;
    height: 40px!important;
    width: 40px !important;
    border: 2px solid #BCBCBE;
    border-radius: 100%;
    padding: 3px;
}
.grp-pagination {
    margin: 0 auto 0 0 !important;
}
.grp-pagination {
    top: -34px;
}
/* .grp-pagination .grp-dot {
    height: 12px !important;
    width: 12px !important;
    border: 1px solid #fff !important;
} */
.grp-pagination .grp-dot.active {
    background: #00A0E9 !important; 
}
.accordion__header .h2-heading{
  font-size: 54px !important;
  line-height: 64px;
  color: #222A51;
  text-align: left;
}
.new-faq-design span.accordion__title-text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}
.new-faq-design button.accordion__title {
    padding: 40px;
    background: #F6F6F6;
    border-radius: 32px;
}
.new-faq-design .accordion__title .icon {
    display: none;
}
.new-faq-design div.accordion__text-wrapper.is-expanded {
    background: #E1F2FB;
    border-radius: 32px;
}
.new-faq-design li.accordion__item {
    display: flex;
    background: transparent;
    gap: 24px;
}
.new-faq-design .accordion__text-wrapper{
    padding: 0px;
}
.new-faq-design .accordion__text p{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
.new-faq-design .accordion__text{
    padding: 40px !important;
}
.new-faq-design .accordion__text-wrapper .accordion__text p{
    position: relative;
    margin-top: 50px;
}
.new-faq-design .accordion__text-wrapper .accordion__text p:before{
    position: absolute;
    content: '';
    height: 24px;
    width: 24px;
    background: #282626;
    border-radius: 6px;
    top: -40px;
    left: 0;
}
.new-faq-design button.accordion__title.is-expanded {
    background: #282626 !important;
    color: #fff;
    width: 50%;
}
.new-faq-design svg.icon.icon-toggle-minus {
    display: block !important;
    height: 24px;
    width: 24px;
    background: #fff;
    top: 43%;
    border-radius: 4px;
}
.new-faq-design div.accordion__text-wrapper.is-expanded {
    position: absolute;
    width: 47%;
    right: 0;
}
.site-footer .footer-bottom.wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0 20px;
}
.site-footer .footer-copyright {
    display: flex;
    align-items: center;
    gap: 40px;
}
.site-footer .footer-content {
    border-bottom: 1px solid #ffffff1f;
    margin-bottom: 50px;
    padding: 0 20px 50px 20px;
}
.site-footer .footer-link {
    transition: all 0.3s;
    font-size: 18px;
    font-weight: 400;
    opacity: 0.7;
}
.site-footer .footer-link:hover {
    transition: all 0.3s;
    opacity: 1;
}
.footer-copyright__content {
    font-size: 14px;
    color: #fff;
    opacity: 0.7;
}
.footer-copyright__menu {
    margin-top: 0!important;
    font-size: 14px;
    transition: all 0.3s;
    opacity: 0.7;
}
.footer-copyright__menu:hover {
    transition: all 0.3s;
    opacity: 1;
}
.social-sharing-icon {
    transition: all 0.3s;
    opacity: 0.7;
}
 .social-sharing-icon:hover {
    transition: all 0.3s;
    opacity: 1;
}
.recent-work-sec .slider-container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 50px 20px 100px;
}
.recent-work-sec .slide-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recent-work-sec .images {
    display: flex;
    gap: 16px;
    justify-content: center;
    width: 54%;
}
.recent-work-sec .ba-text-content{
    width: 42%;        
}
.recent-work-sec .images img {
    border-radius: 24px;
}
.recent-work-sec .images p {
    margin-top: 16px;
    font-size: 24px;
    color: #222A51;
}
.recent-work-sec .ba-text-content p {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
    color: #222A51;
    margin-bottom: 20px;
}
.recent-work-sec .btn {
    background: #00A0E9;
    color: #fff;
    border: none;
    padding: 22px 32px;
    border-radius: 16px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    cursor: pointer;
    transition: .3s;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 50px;
}
.recent-work-sec .btn:hover {
    transition: all .3s;
    background: #222a51;
}
.recent-work-sec .swiper-pagination-bullets {
    margin-top: 0;
    position: relative;
    top: -10px !important;
    max-width: 77%;
    margin-left: auto;
}
.recent-work-sec .swiper-button-next, .recent-work-sec .swiper-button-prev {
    top: unset;
    bottom: 0px;
}
.recent-work-sec .swiper-button-next {
    height: 48px;
    width: 48px;
}
.recent-work-sec .swiper-button-prev {
    left: unset;
    right: 70px;
    height: 48px;
    width: 48px;
}
.recent-work-sec .swiper-button-next:after {
    content: '';
    font-family: unset;
    background: url('/cdn/shop/files/right-arrow.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
    width: 44px;
    left: 0px;
    top: 0px;
    position: absolute;
}
.recent-work-sec .swiper-button-prev:after {
    content: '';
    font-family: unset;
    background: url('/cdn/shop/files/right-arrow.png');
    rotate: 180deg;
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
    width: 44px;
    left: 0px;
    top: 0px;
    position: absolute;
}
.our-team-section .overlay {
    border-radius: 24px;
}
.mosaic__item__image {
    border-radius: 24px;
}
.product__media img {
    image-rendering: auto;
    border-radius: 24px;
}
.drawer {
    background-color: #EBEFF1;
}
.mobile-menu__button {
    display: block !important;
}
#NavStandard .menu__items {
    display: none !important;
}
#nav-drawer-header .mobile-nav--bottom .mobile-navlink--small{
    background: #00A0E9;
    color: #fff;
    border: none;
    padding: 20px 32px;
    border-radius: 16px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    cursor: pointer;
    transition: .3s;
    text-decoration: none;
    display: inline-block;
    max-width: 90%;
    margin: 5px 20px;
}
#nav-drawer-header .mobile-nav--bottom .mobile-navlink--small:hover{
    transition: all .3s;
    background: #222a51;
}
.new-home-banner-section .brick__block__inner {
    padding-left: 0;
}
#nav-drawer-header .mobile-nav--bottom .mobile-navlink--small#customer_register_link {
    border: 1px solid #00a0e9 !important;
    color: #00a0e9;
    background: transparent;
}
#nav-drawer-header .mobile-nav--bottom .mobile-navlink--small#customer_register_link:hover {
    transition: all .3s;
    background: #222a51;
    color: #ffffff;
    border: 1px solid #222a51 !important;
}
.our-team-section a.btn:before, .our-team-section a.btn:after,
.new-home-banner-section a.btn:before, .new-home-banner-section a.btn:after,{
    display: none;
}
span.badge.no-badge {
    display: none;
}
span.badge.badge-bestseller {
    background: #ffffffd1;
    font-size: 20px;
    line-height: 26px;
    padding: 16px 32px;
    position: absolute;
    z-index: 999;
    top: 325px;
    left: 32px;
    font-weight: 500;
    border-radius: 32px;
    color: #222a51;
}

header .cart__toggle .icon-shopping-bag{
    opacity: 0;
    position: relative;
}
header .cart__toggle{
    position: relative;
}
header .cart__toggle:after{
    position: absolute;
    content: '';
    height: 35px;
    width: 35px;
    top: 4px;
    left: 5px;
    background: url(/cdn/shop/files/basket.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.new-home-banner-section .background-size-cover img, .new-home-banner-section .img-object-cover,
.new-home-banner-section .overlay {
    border-radius: 24px;
}
.site-header--nav-normal .navlink--icon .icon {
    stroke-width: 4px !important;
    color: #232b52;
    height: 42px;
    width: 42px;
}
.site-header--nav-normal .navlink {
    font-weight: var(--FONT-WEIGHT-NAV);
    padding: 0 10px;
}
.new-four-grid-sec .mosaic__item__inner {
    border-radius: 28px !important;
}
.film-section {
    max-width: 1360px;
    margin: auto;
    padding: 20px 20px 60px;
    text-align: center;
}
.film-section .film-grid {
  display: flex;
  justify-content: space-between;
}
.film-section .film-card {
  width:24%;
  background-size: cover;
  background-position: center;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  min-height: 734px;
  display: flex;
  align-items: flex-end;
  color: #fff;
}
.three-colm-section  .film-card {
  width:32%;
}
.film-section .film-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #ffffff, #fff0);
}
.film-section .film-content {
  position: relative;
  padding: 30px;
  z-index: 2;
  text-align: left;
}
.film-section .film-content h3 {
    font-size: 36px;
    line-height: 42px;
    color: #222A51;
    font-weight: 600;
    margin-bottom: 24px;
}
.film-section .film-content p {
    font-size: 24px;
    line-height: 26px;
    color: #222A51;
}
.film-section .film-content a {
     background: transparent;
    color: #00a0e9;
    border-radius: 0;
    padding: 5px 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px;
}
.desktop-section{
    display: block;
}
.mobile-section{
    display: none;
}
.film-section .swiper-pagination {
    text-align: left !important;
    bottom: 12px !important;
    z-index: -1;
}
.film-section .swiper-button-next, .new-coll-slider .swiper-button-prev {
    top: unset;
    bottom: 0px;
}

.film-section .swiper-button-next:after {
    content: '';
    font-family: unset;
    background: url('/cdn/shop/files/right-arrow.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
    width: 44px;
    left: 0px;
    top: 0px;
    position: absolute;
}
.film-section .swiper-button-prev:after {
    content: '';
    font-family: unset;
    background: url('/cdn/shop/files/right-arrow.png');
    rotate: 180deg;
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
    width: 44px;
    left: 0px;
    top: 0px;
    position: absolute;
}
.film-section .swiper-button-next {
    height: 48px;
    width: 48px;
}
.film-section .swiper-button-prev {
    left: unset;
    right: 70px;
    height: 48px;
    width: 48px;
    top: unset;
    bottom: 0;
}
.swiper.film-swiper {
    padding-bottom: 50px;
}
.mobile-menu__item--has-items>.mobile-navlink {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    color: #222A51;
}
.mobile-navlink--level-2 {
    font-size: 16px !important;
    padding: 12px 5px 12px 36px;
    color: #222A51;
    text-transform: uppercase;
}
.mobile-navlink--level-3 {
    font-size: 14px;
    padding: 7px 5px 7px 65px;
    color: #222A51;
    text-transform: uppercase;
}
.mobile-menu__item a.Cart {
    position: relative;
    color: transparent;
    line-height: 40px;
    display: none;
}
.mobile-menu__item a.Cart:before {
    position: absolute;
    content: '';
    height: 40px;
    width: 40px;
    top: 15px;
    left: 20px;
    background: url(/cdn/shop/files/basket.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.cst-drawer-search{
    display: none;
}
.search-popdown__main .search-form__inner{
    padding: 11px;
}
.search-popdown__main .search-form__inner .search-form__input{
    border: 1px solid #222a51;
    background: transparent;
    padding: 9px 15px 9px 55px;
}
.search-popdown__main .search-form__inner .search-form__input::placeholder {
  color: #666666;
  font-size: 16px; 
}
.footer-block .rte a{
    color: #fff;
    text-decoration: none !important;
    transition: all 0.3s;
    opacity: 0.8;
}
.footer-block .rte a:hover{
    transition: all 0.3s;
    opacity: 1;
}
.footer-block .rte p{
    opacity: 0.7;
}
.about-uk-wide figure.featured-image__bg {
    border-radius: 24px;
}
.about-uk-wide .brick__block__content .brick__block__inner {
    padding-right: 0;
}
.new-icons-grid-section p.new-evo-text{
    font-size: 24px;
    font-weight: 400;
    color: #222A51;
    line-height: 36px;
    text-align: center;
}
.choose-evo .section-heading {
    margin-bottom: 0;
}
.choose-evo p.new-evo-text {
    margin-bottom: 40px;
    margin-top: 10px;
}
.new-icons-grid-section.choose-evo .features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 8px;
}
.new-icons-grid-section.choose-evo .feature-card {
    background: #E1F2FB;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0px 0px 10px 1px #f5f5f5;
}
.choose-evo .feature-text {
    margin: 16px 0;
}
.new-icons-grid-section p.feature-text-detail {
    color: #666B81;
    font-size: 20px;
    line-height: 26px;
    font-family: 'Lato';
    font-weight: 400;
    margin: 5px 0;
}
.mission-vision.new-icons-grid-section .feature-icon {
    border-radius: 24px;
}
.mission-vision .feature-text {
    margin-top: 24px;
    color: #00A0E9;
}
.about-newsletter .newsletter-section__entry {
    max-width: 815px;
    margin: auto;
}
.mission-vision{
    padding-bottom: 120px;
}
.about-review .text.new-text p {
    max-width: 800px;
}
.about-review .h2-heading{
    color: #ffffff;
}
.about-review .text__content p{
    color: #BFBFBF;
    font-size: 24px !important;
    line-height: 26px;
}
.about-review .text__button{
    justify-content: end !important;
    margin-top: -100px;
}
.about-review .text__button a.btn {
    font-size: 20px !important;
    font-weight: 600;
    padding: 21px 32px !important;
    cursor: pointer !important;
    border-radius: 12px;
}
.about-review .text__button a.btn:hover{
    color: #00a0e9;
    background: #fff;
}
.newevo a.btn {
    border: none;
}
.vertical-slider-text-section {
    padding: 100px 0;
    background: #282626;
}
.vertical-slider-text-section .slider-text-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 48px;
}
.vertical-slider-text-section .left-block {
    width: 100%;
}
.vertical-slider-text-section .right-block {
    width: 100%;
    position: relative;
    padding: 50px 0;
}
.vertical-slider-text-section .left-block img {
    width: 100%;
    border-radius: 24px;
    margin-top: 45px;
    max-height: 400px;
    object-fit: cover;
}
.vertical-slider-text-section .left-block h2 {
    color: #fff;
}
.vertical-slider-text-section .left-block p {
    font-size: 24px;
    font-weight: 400;
    color: #BFBFBF;
    line-height: 36px;
    max-width: 590px;
}
.vertical-slider-text-section a.btn {
    letter-spacing: 0;
    font-size: 20px;
    font-weight: 600;
    padding: 22px 32px;
    border-radius: 16px;
    border: none;
}
.vertical-slider-text-section .left-block a.btn:hover{
    background: #fff;
    color: #00A0E9;
}
.vert-hori-slider .mySwiper {
    width: 100%;
    height: 720px;
    overflow: hidden;
    position: unset;
}
.vert-hori-slider .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    background: #3E3D3D;
    border-radius: 24px;
    padding: 32px;
}
.vert-hori-slider .swiper-slide h3 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
}
.vert-hori-slider .swiper-slide p {
    color: #BFBFBF;
    font-size: 20px;
    line-height: 26px;
}
.vert-hori-slider .swiper-button-next,
.vert-hori-slider .swiper-button-prev {
    color: #000;
}
.vert-hori-slider .swiper-button-next:after,
.vert-hori-slider .swiper-button-prev:after {
    font-size: 18px;
}
.vert-hori-slider .swiper-button-next:after {
    content: '';
    font-family: unset;
    background: url('/cdn/shop/files/white-arrow.webp');
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
    width: 44px;
    left: 0px;
    top: 0px;
    position: absolute;
}
.vert-hori-slider .swiper-button-prev:after {
    content: '';
    font-family: unset;
    background: url('/cdn/shop/files/white-arrow.webp');
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
    rotate: 180deg;
    width: 44px;
    left: 0px;
    top: 0px;
    position: absolute;
}
.vert-hori-slider .swiper-button-next{
    top: unset;
    bottom: -30px;
    right: calc(50% - 24px);
}
.vert-hori-slider .swiper-button-prev {
    left: unset;
    right: calc(50% - 24px);
    height: 48px;
    width: 48px;
    top: 0;
    bottom: unset;
}
.vert-hori-slider .swiper-pagination {
    display: none;
}
.new-newsletter .has-success .input-group .input-group__item.input-group__item--btn .btn {
  display: none;
}
.section-article {
    display: flex;
    max-width: 1430px;
    margin: auto;
    padding: 60px 15px;
}
.template-collection a.btn {
    color: #fff;
}
.cgo-first-step-form .cog-label {
    color: #0ac6ec !important;
    font-weight: 400 !important;
    font-size: 18px !important;
}
.cgo-first-step-form span.cog-choice__value {
    color: #fff !important;
}
.cgo-first-step-form .cog-button {
    display: block !important;
    width: 100% !important;
    font-size: 20px !important;
}
.unique-right-class a, .unique-left-class a{
    color: #fff;
}
#contact-evowrap-get-in-touch-today .banner-image .overlay {
    background: #0000004d;
}
.location-text a, .hero-section p a {
    color: #fff;
}
.solar-info-card a{
    color: #fff;
}
.product-single__wrapper--grid .product-gallery__media-slider {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}
a.product-grid-item__btn {
    color: #fff;
    border: none;
}
.feature-item a, .collection-slider .description p a{
    color: #fff;
}
.variant-wrapper-wazir {
    display: flex;
    gap: 10px;
    align-items: center;
}
.variant-wrapper-wazir .select-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}
#add-to-cart-form-wazir button#add-to-cart-button-wazir {
    background: #cfcfcf;
    color: #fff;
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 20px;
}

body#coolclear-solar-deluxe-solar-control-window-film-clear-heat-reducing-glass-coating-heat-control-without-blocking-light .product__block {
    max-width: 1330px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* Heading style */
.blog-sidebar h3 {
  font-size: 18px;
  font-weight: 600;
  color: #111;
  margin-bottom: 12px;
  border-bottom: 2px solid #ddd;
  padding-bottom: 6px;
}

/* === Search Box === */
.blog-search form {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}

.blog-search input[type="search"] {
  flex: 1;
  padding: 10px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  transition: all 0.3s ease;
}

.blog-search input[type="search"]:focus {
  border-color: #0099CC;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.15);
}

.blog-search button {
  background: #0099CC;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.25s ease;
}

.blog-search button:hover {
  background: #005da3;
}
.blog-sidebar {
    padding: 20px;
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 8px;
    max-width: 350px;
    margin: 20px auto;
    position: sticky;
    top: 20px;
    max-height: max-content;
}
.blog-share {
    position: sticky;
    top: 20px;
}

product-sticky .product__description h2{
    font-size: 36px;
}
.collection__filter-actions .btn--text {
    transition: all 0.3s;
}
.collection__filter-actions .btn--text:hover {
    transition: all 0.3s;
    background:rgba(0, 159, 233, 0.86);
}
.collection__filter-actions .btn--text:after, .collection__filter-actions .btn--text:before{
    display: none;
}
.product__accordions .is-enabled .toggle-ellipsis__actions {
    padding-bottom: 40px;
}
.product__accordions .btn--text:hover {
    background: #222a51 !important;
}
.product__accordions .btn--text:before, .product__accordions .btn--text:after {
    display: none !important;
}
.header-custom-search-input {
    color: #000 !important;
}
.site-header--compress .nav .menu__item {
    display: none !important;
}
.mobile-nav .mobile-menu__item--has-items.mobile-menu__item--level-1  {
   padding: 8px 0;
}
.megamenu-opened .main-content:before, .search-opened .main-content:before {
    opacity: .5;
}



































@media(max-width: 1280px){
.grp_custom_heading_continer .grp_custom_heading {
    max-width: 490px;
}
.new-coll-slider .product-grid-item__info {
    gap: 5px;
}
.new-coll-slider a.product-grid-item__title.font-heading {
    font-size: 22px;
    line-height: 36px;
    width: 70%;
    min-height: 70px;
}
.new-coll-slider .product-grid-item__info a.product-grid-item__price {
    font-size: 20px;
    line-height: 30px;
    width: 20%;
}
.recent-work-sec .swiper-pagination-bullets {
    top: 0!important;
    max-width: 77%;
}
.about-review .text.new-text p {
    max-width: 570px;
}
}



@media(max-width: 1024px){
.blog-sidebar {
    max-width: 320px;
}

.vert-hori-slider .mySwiper {
    height: 820px;
}
.about-review .text.new-text p {
    max-width: 450px;
}
.site-header--compress .mobile-shop-now {
    display: none !important;
}
.search-popdown__main {
    max-width: 220px;
}
.film-grid {
    flex-wrap: wrap;
}
.film-section .film-card {
    width: 49%;
    margin-bottom: 24px;
    min-height: 575px;
}
.new-newsletter .input-group .input-group__item.input-group__item--btn .btn {
    padding: 25px;
}
.new-newsletter .input-group .input-group__fields .input-group__field.input-group__field--email {
    background: #fff;
    font-size: 20px;
    padding: 28px;
    border-radius: 32px;
}
.new-home-banner-section h3.rich-text__heading.h2 {
    font-size: 64px;
}
.new-icons-grid-section .feature-text {
    font-size: 28px;
}
.new-four-grid-sec .mosaic__item {
    width: 50%;
    padding: 15px;
}
.new-coll-slider a.product-grid-item__title.font-heading {
    font-size: 26px;
    line-height: 34px;
}
.new-coll-slider .featured-collection__text-group {
    width: 65%;
}
.new-coll-slider .featured-collection__button-group {
    width: 30%;
    text-align: right;
}
.grp-entangle-item-body-stars svg {
    height: 16px !important;
    width: 16px !important;
}
.recent-work-sec .ba-text-content p {
    font-size: 22px;
}
.recent-work-sec .btn {
    margin-bottom: 50px;
}
}
@media(max-width: 991px){
      .blog-sidebar {
        max-width: 100%;
    }
    .section-article .wrapper--narrow {
      padding: 0px !important;
  }
    .section-article {
        flex-wrap: wrap;
    }
    .blog-sidebar {
        max-width: 100%;
    }
    .feature-section-container {
        margin-inline: 0 !important;
    }

}
@media(max-width: 767px){
    .search-opened:has(input.search-form__input:focus) .drawer--left, .js-drawer-open:has(input.search-form__input:focus) .drawer--left{
        transform: translate(var(--drawer-width)) !important;
        content-visibility: visible !important;
        visibility: visible !important;
        /* transform: translate(calc(-1 * var(--drawer-width))) !important; */
        transition: var(--drawer-transition),visibility 0s linear 0s !important;
    }
    .search-opened .main-content:before {
        display: none;
    }

    product-sticky .product__description h2{
        font-size: 32px;
    }
.mosaic .two-fifty-height-mobile {
    min-height: 140px !important;
}
.our-team-section .brick-block__content .brick-block__inner {
    padding-left: 0;
    padding-right: 0;
}
.new-icons-grid-section p.new-evo-text {
    font-size: 20px;
    line-height: 30px;
}
.about-uk-wide .brick__block__inner {
    padding-bottom: 0;
}
header.section-header.section-header--article h1 {
    font-size: 36px;
}
.about-review .text.new-text p {
    max-width: 100%;
}
.about-review .text__button {
    justify-content: start !important;
    margin-top: 0;
}
.mobile-menu__item a.Cart {
    display: block;
}
.desktop-section{
    display: none;
}
.mobile-section{
    display: block;
}
.film-section .film-card {
    width: 100%;
    min-height: 575px;
    margin-bottom: 24px;
}
.newevo a.btn {
    padding: 16px 32px;
}
.h2-heading, .our-team-section h3.rich-text__heading.h2 {
    font-size: 36px !important; 
    line-height: 46px !important;
}
 .accordion__header .h2-heading{
    font-size: 36px !important;
    line-height: 46px;
 }
.our-team-section p {
    font-size: 20px;
    line-height: 30px;
}
.new-icons-grid-section .feature-text {
    font-size: 24px;
    margin-bottom: 0;
}
.new-newsletter .text-block p {
    font-size: 20px;
    margin-bottom: 40px;
}
.new-newsletter .input-group .input-group__item.input-group__item--btn {
    position: relative;
    right: 0;
    top: 0;
    padding: 10px;
}
.new-newsletter .input-group .input-group__fields .input-group__field.input-group__field--email {
    font-size: 20px;
    padding: 26px;
    border-radius: 16px;
}
.new-newsletter .input-group .input-group__item.input-group__item--btn .btn {
    padding: 36px;
}
.new-home-banner-section h3.rich-text__heading.h2 {
    font-size: 48px;
    font-weight: 500;
}
.new-home-banner-section p {
    max-width: 100%;
    font-size: 20px;
    font-weight: 400;
    color: #666B81;
    line-height: 26px;
}
.new-text-image-section .brick__block__inner {
    padding-left: 0;
    padding-right: 0;
}
.new-four-grid-sec .mosaic__grid {
    display: block;
}
.new-four-grid-sec .mosaic__item {
    width: 100%;
    padding: 0px;
}
.new-four-grid-sec h3.mosaic__item__heading {
    font-size: 32px;
    line-height: 40px;  
}
.new-four-grid-sec .mosaic__item__text.p {
    font-size: 20px;
    line-height: 26px;
}
.new-coll-slider .featured-collection__text-group {
    width: 100%;
}
.new-coll-slider .featured-collection__button-group {
    width: 100%;
    text-align: right;
}
.new-coll-slider .section__header.featured-collection__content__wrapper{
    flex-wrap: wrap;
}
.new-coll-slider a.product-grid-item__title.font-heading {
    font-size: 24px;
    line-height: 34px;
}
.new-coll-slider.sec-for-mobile{
    display: block;
}
.new-coll-slider.sec-for-desktop{
    display: none;
}
.mob-coll-show .grid__item {
    width: 98%;
    margin-bottom: 24px;
    position: relative;
    left: -3px;
}
.new-coll-slider .featured-collection__button-group.desktop {
    display: none;
}
.new-coll-slider .featured-collection__text-group .section__text p {
    font-size: 20px;
    line-height: 28px;
}
.new-coll-slider .featured-collection__text-group .section__heading {
    text-align: left;
    margin-bottom: 12px;
}
.new-coll-slider .featured-collection__content {
    margin-bottom: 40px;
}
.new-coll-slider a.product-grid-item__title.font-heading {
    min-height: unset;
}
.new-coll-slider .featured-collection__button-group a.btn {
    display: block;
    max-width: 96%;
    margin: auto;
}
.grp_custom_heading_continer .grp_custom_heading {
    color: #fff !important;
    font-size: 36px;
    line-height: 46px;
}
.grp-entangle-write-div:has(.grp-entangle-badge-button) {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
.grp-entangle-write {
    display: block !important;
    width: 100%;
    margin: 0 !important;
}
.grp-entangle-write-div .grp-entangle-write a {
    width: 100%;
    display: block;
}
div#grp-entangle-width-check {
    padding-bottom: 45px!important;
}
.new-faq-design li.accordion__item {
    display: flex;
    background: transparent;
    gap: 8px;
    flex-wrap: wrap;
}
.new-faq-design div.accordion__text-wrapper.is-expanded {
    position: relative;
    width: 100%;
    right: 0;
}
.new-faq-design button.accordion__title.is-expanded {
    width: 100%;
}
.site-footer .footer-bottom.wrapper {
    display: block;
}
.footer-copyright__content {
    width: 100%;
}
.footer-copyright__menu {
    width: 100%;
}
.site-footer .footer-copyright {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: flex-end;
}
.site-footer .footer-content {
    padding: 0 20px 0px;
}
.new-four-grid-sec.new-three-grid .mosaic__item {
    width: 100%;
}
.new-faq-design button.accordion__title {
    padding: 24px;
    background: #f6f6f6;
    border-radius: 24px;
}
.new-faq-design span.accordion__title-text {
    font-size: 20px;
    line-height: 28px;
}
.new-faq-design .accordion__text {
    padding: 24px!important;
}
.new-faq-design div.accordion__text-wrapper.is-expanded {
    background: #e1f2fb;
    border-radius: 24px;
}
.new-faq-design .accordion__text p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}
.new-faq-design svg.icon.icon-toggle-minus {
    top: 32%;
    border-radius: 4px;
    right: -10px;
}
 header a.mobile-shop-now {
    display: none !important;
}
.recent-work-sec .slide-content {
    flex-wrap: wrap;
}
.recent-work-sec .images {
    width: 100%;
}
.recent-work-sec .ba-text-content {
    width: 100%;
    margin-top: 40px;
}
.recent-work-sec .swiper-pagination-bullets {
    max-width: 100%;
}
.recent-work-sec .ba-text-content p {
    font-size: 20px;
}
.recent-work-sec .swiper-pagination-bullets {
    top: -12px!important;
}
.recent-work-sec .swiper-pagination {
    text-align: left !important;
}
.recent-work-sec .slider-container {
    padding: 50px 20px 60px;
}
#SiteHeader .mobile-menu {
    display: none !important;
}
.mobile-menu__button--burger {
    left: 88% !important;
}
.site-header>.wrapper {
    display: block !important;
}
.site-header--nav-left .logo, .site-header--compress .logo {
    margin: 10px 0;
    padding-left: 0px !important;
}
.new-icons-grid-section {
    padding: 30px 0px;
}
.recent-work-sec .slide-content {
    padding-right: 10px;
}
.film-section .film-content p {
    font-size: 20px;
    line-height: 26px;
    color: #222A51;
}
.film-section .film-content h3 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 24px;
}
.film-section .film-content {
    padding: 24px;
}
.cst-drawer-search{
    display: block;
}
.cst-drawer-search a.mobile-navlink.mobile-navlink--small {
    font-size: 18px;
    border: 1px solid #222A51;
    margin: 20px;
    width: 90%;
    border-radius: 10px;
    color: #222A51;
}
.cst-mobile-menu-serach .search-popdown__main .search-form__inner {
    padding: 10px 20px;
    background: transparent;
}
.cst-mobile-menu-serach .search-popdown__main {
    max-width: 100%;
}
.cst-mobile-menu-serach .search-form__input-holder {
    background: transparent;
}
.body--rounded-corners .search-popdown--page:focus-within .search-form__input,
 .body--rounded-corners .search-popdown__body predictive-search[open=true] .search-form__input,
  .body--rounded-corners .search-popdown__body--fixed .search-form__input {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.mission-vision {
    padding-bottom: 60px;
    padding-top: 60px;
}
.about-review .text__content p {
    font-size: 20px !important;
    line-height: 26px;
}
.about-review .text__button a.btn {
    width: 100%;
}
.vert-hori-slider .swiper-pagination {
    display: block;
}
.vertical-slider-text-section .slider-text-wrapper {
    flex-direction: column;
}
.vertical-slider-text-section .left-block img {
    width: auto;
    max-height: 400px;
    object-fit: cover;
    display: block;
}
.vertical-slider-text-section .left-block p {
    font-size: 20px;
    line-height: 26px;
    max-width: 100%;
}
.vert-hori-slider .mySwiper {
    height: auto;
    position: relative;
}
.vert-hori-slider .swiper-wrapper {
    padding-bottom: 80px;
}
.vert-hori-slider .swiper-button-prev {
    left: unset;
    right: 70px;
    height: 48px;
    width: 48px;
    top: unset;
    bottom: 10px;
    rotate: 270deg;
}
.vert-hori-slider .swiper-button-next {
    top: unset;
    bottom: 0px;
    right: 20px;
    rotate: 270deg;
}
.vert-hori-slider .swiper-pagination {
    display: block;
    text-align: left;
    position: relative;
    top: -28px !important;
}
.vert-hori-slider span.swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #ffffff;
    opacity: 1;
}
.vert-hori-slider .swiper-pagination {
    width: 200px !important;
}
.vertical-slider-text-section .slider-text-wrapper {
    display: flex;
}
.vertical-slider-text-section .right-block {
    padding: 0;
}
.vertical-slider-text-section {
    padding: 60px 0 10px;
}
.vert-hori-slider .swiper-slide {
    padding: 24px;
}
.choose-evo.new-icons-grid-section .feature-text {
    font-size: 32px;
    margin-bottom: 16px;
}
.vert-hori-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00A0E9;
    border: 1px solid #00A0E9;
    opacity: 1;
}
}
@media(max-width: 480px){
    .newevo a.btn {
        display: block;
        width: 100%;
    }
    .recent-work-sec .images {
        flex-wrap: wrap;
}

}


