@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

 :root {
     --light-black: #3B3B3B;
     --black: #000000;
     --white: #fff;
     --red: #E13D2F;
     --gray: #646464;
     --dark-gray: #D9D9D9;
     --blue: #C0DAE2;
     --dark-blue: #1E2844;
     --light-gray: #E6E6E6;
     --orange: #FBB104;
 }

 /************ global css *************************/
 body {
     font-size: 16px;
     line-height: 26px;
     font-weight: 400;
     color: var(--black);
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .lexend,
 p,
 a,
 body,
 .font-lexend,
 button {
     font-family: "Lexend", sans-serif;
 }

 /* Tiny mce  */
 .red-list,
 .red-text {
     color: var(--red);
 }

/* Alignment classes */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img {
    max-width: 100%;
    height: auto;
}

 /* colors  */
 a,
 .text-black {
     color: var(--black);
 }

 .text-red,
 header li a.text-red,
 header li a.text-red:hover,
 header li a.text-red.show {
     color: var(--red);
 }

 header .main-menu li.current_page_item a {
     text-decoration: underline;
 }

 .text-gray,
 .header-section li .text-gray {
     color: var(--gray);
 }

 .text-blue,
 .social-links i:hover {
     color: var(--blue);
 }

 .text-dark-blue {
     color: var(--dark-blue);
 }

 .text-red {
     color: var(--red);
 }
.bg-red {
    background-color: var(--red);
}
 .bg-white {
     background-color: var(--white);
 }

 .bg-dark-gray {
     background-color: var(--dark-gray);
 }

 .bg-blue {
     background-color: var(--blue);
 }

 .bg-dark-blue {
     background-color: var(--dark-blue);
 }

 .bg-dark-gray {
     background-color: var(--dark-gray);
 }

 .bg-light-black {
     background-color: var(--light-black);
 }

 .fw-extrabold {
     font-weight: 800;
 }

 .text-wrap-break {
     word-break: break-word;
     overflow-wrap: break-word;
 }

 /* font sizes */
 .font-xxs {
     font-size: 12px;
     line-height: 16px;
 }

 .copyright-text {
     font-size: 14px;
     line-height: 20px;
 }

 .copyright-text p {
     margin-bottom: 0px;
 }

 .font-extra-small,
 .header-section li .font-extra-small {
     font-size: 15px;
     line-height: 20px;
 }

 .font-small {
     font-size: 18px;
     line-height: 25px;
 }

 .font-medium,
 .quote-content {
     font-size: 16px;
     line-height: 20px;
 }

 /* .four-column-content-col p,
 .three-column-content-col p,
 .three-column-content .heading-content p,
 .full-width-content p {
     font-size: 16px;
     line-height: 26px;
 } */
 .list-image-col h3 {
     font-size: 25px;
     line-height: 30px;
 }

 .list-image-col h3 {
     font-weight: bold;
     padding: 10px 0;
     ;
 }

 .testimonial-name {
     font-size: 14px;
     line-height: 20px;
 }

 .font-large {
     font-size: 20px;
     line-height: 25px;
 }

 .social-links ul {
     font-size: 32px;
     line-height: 40px;
 }

 .font-xl {
     font-size: 25px;
     line-height: 30px;
 }

 .font-xxl {
     font-size: 35px;
     line-height: 40px;
 }

 a {
     text-underline-offset: 2px;
 }

 .common-btn-link,
 .yellow-frame-img,
 .below-yellow-frame-img,
 .carousel-zone {
     position: relative;
 }

 .red-button {
     color: var(--white);
     background: var(--red);
     padding: 15px 30px;
     font-size: 20px;
     line-height: 24px;
     font-weight: bold;
     display: inline-block;
     width: fit-content;
     text-decoration: none;
     text-align: center;
     transition: all 0.3s ease;
 }

 .red-button:hover {
     background: var(--white);
     color: var(--red);
 }
 
 section.bg-white .wysiwyg-content a:hover, section.bg-blue .wysiwyg-content a:hover, section.bg-dark-gray .wysiwyg-content a:hover,
 .inner-hero-section .wysiwyg-content a:hover, .two-column-content .wysiwyg-content a:hover, .project-gallery .interior-product-inner-col p a:hover,
 .carousel-zone .upper-content a:hover, .carousel-zone .slick-slide p a:hover, .project-gallery .slick-slide p a:hover {
    color: var(--red);
    text-decoration: none;
 }
 .project-gallery .interior-product-inner-col .common-btn-link:hover {
    color: var(--red) !important;
 }

 /* css */
 .social-links i:hover,
 .common-btn {
     transition: all 0.3s;
 }

 .common-btn {
     font-size: 16px;
     text-decoration: none;
     padding: 10px 20px;
     display: inline-block;
     line-height: 22px;
     font-weight: 600;
     border: 1px solid var(--blue);
 }

 .common-btn:hover {
     background-color: var(--blue);
     color: var(--black) !important;
 }

 .red-button {
     color: var(--white);
     background: var(--red);
     padding: 15px 30px;
     font-size: 20px;
     line-height: 24px;
     font-weight: bold;
     display: inline-block;
     width: fit-content;
     text-decoration: none;
     text-align: center;
     transition: all 0.3s ease;
 }

 .red-button:hover {
     background: var(--white);
     color: var(--red);
 }

 /* header section */
 /* .header-section .top-lg-nav .nav .nav-link:focus {
     border-color: transparent;
     color: var(--red);
 } */

 .top-lg-nav a:hover, .top-lg-nav .current_page_item > a, .top-lg-nav .current_page_item.current_page_parent > a {
     text-decoration: underline;
     border: none;
 }

 .nav-link:focus-visible {
     outline: 0;
     box-shadow: none;
 }

 header .desktop-menu .dropdown-toggle::after {
     display: none;
 }

 header .dropdown-menu {
     background: var(--white);
     border: 1px solid var(--light-gray) !important;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     border-radius: 10px;
 }

 .navbar-nav a {
     color: var(--red);
     line-height: 22px;
     display: inline-block;
     position: relative;
 }

 .navbar-nav .menu-item {
     position: relative;
 }

 .navbar-nav .menu-item-has-children ul.sub-menu {
     list-style: none;
     margin: 0;
 }

 .navbar-nav .menu-item-has-children ul.sub-menu a {
     font-size: 13px;
     line-height: 20px;
     color: rgb(255 255 255 / 70%);
     text-transform: none;
     font-weight: 400;
 }
 
.navbar-nav .menu-item-has-children ul.sub-menu li:not(.current-menu-item) a:not(:hover) {
    text-decoration: none;
}

 .navbar-nav>.menu-item>a {
     margin-right: 30px;
     text-decoration: none;
     text-transform: capitalize;
 }

 .common-btn-link {
     font-size: 16px;
     line-height: 22px;
 }

 .common-btn-link {
     text-underline-offset: 3px;
 }

 .common-btn-link:after {
     position: absolute;
     content: "";
     background-repeat: no-repeat;
     background-size: contain;
     top: 0;
     bottom: 0;
     margin: auto;
     right: -24px;
     transition: all .3s;
 }

 .arrow-link.common-btn-link:after {
     width: 18px;
     height: 11px;
     background-image: url(../images/right-arrow.svg);
 }

 .arrow-link.common-btn-link:hover::after {
     right: -30px;
 }

 .list-style-none {
     list-style: none;
 }

 /* home page  */
 .hero-right-content-column {
     padding-right: calc(100vw / 2 + -1300px / 2);
 }

 .inner-hero-right-col .lower-img img {
     width: 100%;
     max-width: 340px;
     height: 270px;
     object-fit: cover;
 }

 .hero-inner-col:before {
     content: "";
     position: absolute;
     width: 100vw;
     height: 100%;
     left: -28px;
 }

 .yellow-frame-img:before {
     position: absolute;
     content: "";
     width: 35.5%;
     height: 106%;
     background-image: url(../images/yellow-rectangle.png);
     background-repeat: no-repeat;
     background-size: contain;
     right: 0;
     margin: auto;
     top: -26px;
 }

 .secondary-photo {
     position: absolute;
     right: -75px;
     top: 65px;
     z-index: 10;
 }
 .secondary-photo img{
    width: 348px;
    height: 464px;
    object-fit:cover;
 }

 .hero-section .hero-inner-col:after {
     content: "";
     position: absolute;
     width: 440px;
     height: 310px;
     right: -130px;
     top: 260px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: right;
     z-index: 1;
 }
 .hero-section .hero-slider .slick-cloned, .hero-section .hero-slider .slick-slide:not(.slick-current) {
    visibility: hidden; 
}
.hero-section .hero-slider .slick-list {
    overflow: visible;
}
.hero-tagline {
    padding: 11px 32px;
    position: absolute;
    bottom: 85px;
    left: 35px;
    z-index: 12;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.8s ease;
}
.hero-tagline.show-tagline {
  opacity: 1;
  transform: translateY(0);
}
.hero-section .hero-inner-col {
    height: 586px;
 }

 .hero-section .hero-inner-col .primary-photo img {
    height: 481px;
    width: 722px;
    object-fit: cover;
 }

.inner-below-yellow-frame-img img{
  width: 577px;
    height: 385px;
    object-fit: cover;
}

 .carousel-zone img,
 .bordered-img {
     border-radius: 20px 0px;
 }

 .carousel-zone .slick-slide {
     padding: 0 10px;
 }

 .carousel-zone .slick-prev,
 .carousel-zone .slick-prev:hover,
 .carousel-zone .slick-prev:focus,
 .carousel-zone .slick-next,
 .carousel-zone .slick-prev:hover,
 .carousel-zone .slick-prev:focus,
 .post-slider .slick-prev,
 .post-slider .slick-prev:hover,
 .post-slider .slick-prev:focus,
 .post-slider .slick-next:hover,
 .post-slider .slick-next:focus,
 .post-slider .slick-next {
     content: "" !important;
     background-size: contain !important;
     background-repeat: no-repeat !important;
     width: 20px;
     height: 20px;
 }

 .carousel-zone .slick-prev,
 .carousel-zone .slick-prev:hover,
 .carousel-zone .slick-prev:focus,
 .carousel-zone .slick-next,
 .carousel-zone .slick-next:hover,
 .carousel-zone .slick-next:focus {
     top: 0;
 }

 .post-slider .slick-prev,
 .post-slider .slick-prev:hover,
 .post-slider .slick-prev:focus,
 .post-slider .slick-next:hover,
 .post-slider .slick-next:focus,
 .post-slider .slick-next {
     top: 20%;
 }

 .carousel-zone .slick-prev::before,
 .carousel-zone .slick-next:before,
 .post-slider .slick-prev::before,
 .post-slider .slick-next:before,
 .carousel-zone .slick-next,
 .carousel-zone .slick-next:hover,
 .carousel-zone .slick-next:focus {
     content: "" !important;
 }

 .border-yellow:before {
     position: absolute;
     content: "";
     border: 2px solid var(--orange);
     width: 95%;
     height: 93%;
     margin: auto;
     z-index: 3;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
 }

 .quote-image-left {
     position: absolute;
 }

 .quote-image-left {
     left: 12px;
 }

 .workplace-col:before {
     position: absolute;
     content: "";
     left: -25px;
     bottom: -25px;
     background-image: url(../images/green-bg-pattern.png);
     background-repeat: no-repeat;
     background-size: cover;
     width: 381px;
     height: 83%;
     z-index: -1;
 }

 .swipe-arrows {
     font-size: 10px;
     line-height: 15px;
 }

 /* footer */
 /* single project  */
 .single-hero-zone .single-slider .slick-next:before {
     content: "\f054" !important;
 }

 .single-hero-zone .single-slider .slick-prev:before {
     content: "\f053" !important;
 }

 .single-hero-zone .single-slider .slick-prev:before,
 .single-hero-zone .single-slider .slick-next:before {
     position: absolute;
     font-size: 20px;
     top: 50%;
     transform: translateY(-50%);
     font-weight: 900;
     font-family: "Font Awesome 6 Pro";
     left: 0;
     right: 0;
     margin: auto;
     opacity: unset;
 }

 .single-hero-zone .single-slider .slick-prev,
 .single-hero-zone .single-slider .slick-next {
     background: var(--red);
     width: 30px;
     height: 30px;
     z-index: 10;
 }

 .single-hero-zone .single-slider .slick-next {
     right: 0;
 }

 .single-hero-zone .single-slider .slick-prev {
     left: 27px;
 }

 .yellow-frame-col {
     position: relative;
     /* top: -89%; */
 }

 .carousel-zone p a:hover{
    color: var(--red)!important;
 }

 .carousel-zone .slider-img {
     position: relative;
 }

 .carousel-zone .slider-img::before {
     position: absolute;
     content: "";
     top: 0;
     /* background-image: url(../../images/slider-hover.png); */
     background-repeat: no-repeat;
     background-size: 100%;
     width: 100%;
     height: 100%;
     opacity: 0;
     background-color: #C0DCE2;
     /*border: 1px solid var(--black);*/
     border-radius: 20px 0;
     transition: all 0.5s;
    mix-blend-mode: color;
 }

 .carousel-zone .slider-img::after {
     position: absolute;
     content: "";
    
     background-image: url(../images/arrow-up-right.svg);
     background-repeat: no-repeat;
     background-size: contain;
     width: 18px;
     height: 24px;
     opacity: 0;
     border-radius: 0;
     transition: all 0.5s;
     right: 10px;
      bottom: 10px;
 }

 .carousel-zone .slider-img:hover::before,
 .carousel-zone .slider-img:hover::after {
     opacity: 1;
 }

 .cta-zone .wysiwyg-content {
     font-size: 20px;
 }

 .quotes-text {
     position: relative;
 }

 .quote-content {
    display: inline;
 }
 .quote-content:before {
     background-image: url(../images/left-quote.png);
     left: -40px;
     top: 3px ;
 }

 .quote-content:after {
     background-image: url(../images/right-quote.png);
     right: -40px;
     bottom: 0;
 }
 .quote-content:before,
 .quote-content:after {
     content: "";
     position: absolute;
     width: 20px;
     height: 20px;
     display: block;
     background-repeat: no-repeat;
     background-size: contain;
 }

 .inner-hero-section .hero-image {
     position: relative;
 }

 .inner-hero-section .hero-image:after {
     position: absolute;
     content: "";
     right: 17px;
     background-size: contain;
     background-repeat: no-repeat;
     width: 84%;
     height: 100%;
     z-index: -1;
     bottom: -49px;
 }

 /* .inner-hero-section .hero-image.blue-pattern-img:after {
     background-image: url(../images/inner-blue-pattern.png);
 }

 .inner-hero-section .green-pattern-img.hero-image:after {
     background-image: url(../images/inner-banner.jpg) !important;
 } */
.side-inner-col {
     background-color: rgba(192, 218, 226, 0.2);
 }

 .product-detail-zone .small-content span {
     font-weight: bold;
 }

 .product-detail-zone .small-content p {
     margin-bottom: 0;
 }

 .quote-content p:first-of-type,
 .products-col .wysiwyg-content ul li {
     font-weight: bold;
     padding: 10px 0;
     font-size: 18px;
     line-height: 22px;
 }

 .quote-content p:nth-of-type(2) {
     color: var(--gray);
 }

 .products-col .wysiwyg-content ul {
     list-style: none;
     padding-left: 0;
 }

 .product-detail-zone .quote-content {
     padding-left: 50px;
 }

 .single-project  .product-detail-zone .quote-content {
     padding-left: 0px;
 }

 .product-detail-zone .wysiwyg-content a {
     color: var(--black);
 }

 .slick-counter {
     position: absolute;
     bottom: 8px;
     right: 0;
     background: var(--dark-gray);
     padding: 4px 10px;
     font-size: 22px;
     font-weight: bold;
     width: 70px;
     height: 70px;
 }

  .single-project .slick-counter{
     bottom: 0px;
  }

 .cta-zone .wysiwyg-content {
     font-size: 20px;
 }

 .transparent-button {
     border: 2px solid var(--black);
     background-color: transparent;
     color: var(--black);
 }

 .transparent-button:hover {
     color: var(--black);
     background-color: var(white);
 }

 .four-column-zone .four-col-gallery img {
     border-radius: 20px 0px;
 }

 .bottom-line {
     position: relative;
 }

 .bottom-line:after {
     content: "";
     position: absolute;
     background: var(--black);
     height: 2px;
     left: -3px;
     margin: auto;
     top: 0;
     bottom: -35px;
     width: 100%;
     transform: rotate(300deg);
 }

 .inner-yellow-frame-col img {
     width: 60%;
     float: right;
     margin-right: -64px;
     position: relative;
     z-index: 9;
     top: -60px;
 }

 .inner-below-yellow-frame-img {
     position: relative;
 }

 .inner-below-yellow-frame-img:before {
     content: "";
     position: absolute;
     border: 2px solid var(--orange);
     width: 75%;
     height: 75%;
     margin: auto;
     z-index: 3;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 99;
 }

 .three-column-content-section .quote-content:before {
     /* background-image: url(../images/left-quote.png);
     left: -28px; */
 }

 .three-column-content-section .quote-content:after {
     /* background-image: url(../images/right-quote.png);
     right: 0;
     bottom: 0; */
 }

 .side-inner-col h5 {
     font-size: 16px;
     line-height: 20px;
 }

 header .main-menu ul li a {
     font-size: 18px ;
     line-height: 22px;
 }
 

 /* Header Search  */
 .header-search-form a:after {
     content: "\f002";
     font-family: "Font Awesome 6 Pro";
     font-weight: 400;
     padding-right: 8px;
     font-size: 20px;
 }

 .header-search-form .searchwp-modal-form-trigger-el {
     text-decoration: none;
     padding-right: 7px;
 }

 .header-search,
 .header-search-form a {
     color: var(--white);
     font-size: 16px;
     line-height: 28px;
     text-decoration: none;
 }

 .header-search-form input[type="text"].show-search {
     opacity: 1;
     visibility: visible;
 }

 .searchwp-modal-form .searchwp-modal-form-default input[type="search"]::-webkit-search-cancel-button {
     -webkit-appearance: none;
     height: 18px;
     width: 18px;
     background: #fff;
     mask: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path d="M242.7 256l100.1-100.1c12.3-12.3 12.3-32.2 0-44.5l-22.6-22.6c-12.3-12.3-32.2-12.3-44.5 0L176 188.3 75.9 88.2c-12.3-12.3-32.2-12.3-44.5 0L8.8 110.8c-12.3 12.3-12.3 32.2 0 44.5L108.9 256 8.8 356.1c-12.3 12.3-12.3 32.2 0 44.5l22.6 22.6c12.3 12.3 32.2 12.3 44.5 0L176 323.7l100.1 100.1c12.3 12.3 32.2 12.3 44.5 0l22.6-22.6c12.3-12.3 12.3-32.2 0-44.5L242.7 256z"/></svg>') center / contain no-repeat;
 }

 .searchwp-modal-form .searchwp-modal-form-default .searchwp-modal-form__overlay {
     background: rgba(225, 61, 47, 0.95);
     align-items: flex-start;
     padding-top: 30px;
 }

 .searchwp-modal-form .searchwp-modal-form-default .searchwp-modal-form__content {
     background-color: transparent;
     padding: 0;
 }

 .searchwp-modal-form .searchwp-modal-form-default .searchwp-modal-form__container {
     max-width: 1076px;
     margin: 0 auto;
     position: relative;
     padding: 200px 30px 0;
 }

 .searchwp-modal-form form.searchwp-form .searchwp-form-input-container .swp-input {
     background-color: transparent;
     background-image: url(../../images/search-icon.svg);
     border-bottom: 2px solid #fff !important;
 }


 .searchwp-modal-form form.searchwp-form .searchwp-form-input-container .swp-input::placeholder {
     color: rgb(255 255 255 / 40%);
 }

  .searchwp-modal-form form.searchwp-form .searchwp-form-input-container .swp-input{
    color: #fff!important;
  }

 .searchwp-modal-form .searchwp-modal-form-default .searchwp-modal-form__footer {
     position: absolute;
     top: 0;
     right: 30px;
 }

 .searchwp-modal-form .searchwp-modal-form-default .searchwp-modal-form__footer .searchwp-modal-form__close {
     color: var(--white);
 }

 .searchwp-modal-form .searchwp-modal-form-default .searchwp-form-input-container {
     position: relative;
     padding: 40px 0;
 }

 .searchwp-modal-form .searchwp-modal-form-default .searchwp-form-input-container:before,
 .searchwp-modal-form .searchwp-modal-form-default .searchwp-form-input-container:after {
     font-size: 16px;
     line-height: 20px;
     color: var(--white);
     position: absolute;
 }

 .searchwp-modal-form .searchwp-modal-form-default .searchwp-form-input-container:before {
     content: "What are you looking for?";
     top: 0;
     font-weight: 500;
 }

 .searchwp-modal-form .searchwp-modal-form-default .searchwp-form-input-container:after {
     content: "Press ENTER to search or ESC to close";
     bottom: 0;
     right: 27px;
     font-weight: 400;
 }

 .searchwp-modal-form .searchwp-form-input-container input:focus-visible,
 .search-no-results-section .search-form .search-field:focus-visible {
     outline: none;
 }

 .searchwp-modal-form form.searchwp-form .searchwp-form-input-container .swp-input,
 .searchwp-modal-form form.searchwp-form .searchwp-form-input-container .swp-input::placeholder {
     color: rgb(255 255 255 / 40%);
 }

 .searchwp-modal-form .searchwp-form-input-container input {
     outline: 0 !important;
     box-shadow: unset !important;
     font-size: 50px;
     line-height: 62px;
     font-weight: 300 !important;
     padding-left: 0 !important;
     padding-bottom: 26px !important;
     border-radius: 0 !important;
 }

 /* Three column content */
 .three-column-content-col .heading,
 .cta-zone .heading,
 .taxonomy-project-category .heading {
     font-size: 20px;
     line-height: 24px;
 }

 .carousel-zone .upper-content a {
     color: var(--black);
 }

.inner-hero-section .red-list, .full-width-content .red-list {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 20px 0;
}
.inner-hero-section .red-list li, .full-width-content .red-list li {
    font-size: 22px;
    line-height: 26px;
    padding: 10px 0;
    font-weight: 600;
}

 .inner-hero-left-content-column .list-image-col img {
     width: 100%;
     padding-bottom: 20px;
     height: 200px;
     object-fit: cover;
 }

 .featured-products .products-link {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
 }

  .featured-products a{
    width:102px;
    height:102px;
  }

  .featured-products a, .featured-products a small{
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
    text-align: center;
  }

  .featured-products a small{
    padding-top:5px;
  }

    .featured-products a:hover small{
        text-decoration: underline;
    }

 .featured-products img{
    width:102px;
    height:102px;
    
 }
 .breadcrumb{
    font-size:13px;
 }

 .breadcrumb a,
 .breadcrumb .post.post-page ,  .breadcrumb .project-root , .breadcrumb .product-root {
     text-transform: capitalize;
     color: var(--red);
     padding-right: 3px;
     padding-left: 3px;
    
 }

 .breadcrumb span{
    padding-left:5px;
 }

 .breadcrumb span:first-child, .breadcrumb span:first-of-type{
    padding-left:0;
 }

 .breadcrumb .current-item {
     color: var(--black) !important;
     padding-top: 5px;
 }

 .team-section .heading {
     font-size: 20px;
     line-height: 25px;
 }

 .team-section img {
    border-radius: 150px;
 }

 .full-width-content .list-image-col ul {
     font-weight: bold;
     padding-bottom: 0 !important;
 }

 .copyright-text a {
     color: var(--white);
 }

 .search-results-section .search-single-block a {
     width: max-content !important;
 }

 .search-form button {
     border: none;
     background: none;
 }

 .search-form .search-field {
     border: none;
     border-bottom: 2px solid var(--red);
 }

 .search-no-results-section .search-form .search-field:focus-visible ::placeholder {
     text-transform: capitalize;
     color: var(--black);
 }

 /* Pagination */
 .search-results-section .page-numbers.current,
 .taxonomy-pagination .pagination-wrapper .page-numbers.current {
     background: var(--red);
     color: #fff;
 }

 .search-results-section .page-numbers,
 .taxonomy-pagination .pagination-wrapper .page-numbers {
     text-decoration: none;
     font-size: 20px;
     line-height: 26px;
     padding: 9px 16px;
     background: var(--dark-gray);
     color: #000;
     font-weight: 700;
 }

 .search-results-section .prev.page-numbers,
 .search-results-section .next.page-numbers,
 .search-results-section .dots.page-numbers,
 .taxonomy-pagination .prev.page-numbers,
 .taxonomy-pagination .next.page-numbers,
 .taxonomy-pagination .dots.page-numbers {
     background: transparent;
     padding: 0;
 }

 .search-results-section .pagination-wrapper .nav-links,
 .taxonomy-pagination .pagination-wrapper .nav-links {
     display: flex;
     justify-content: center;
     gap: 10px;
 }

 .search-results-section .page-numbers.dots,
 .taxonomy-pagination .page-numbers.dots {
     margin-top: auto;
 }
 .member-designation{
    line-height:20px;
 }
 .header-search-form {
    padding-top:4px;

 }
 
 /* Hero Images Animation */
.primary-photo img, .inner-hero-right-col .inner-below-yellow-frame-img img,
.hero-inner-col .secondary-photo img, .inner-hero-right-col .lower-img img {
  opacity: 0;
  transition: all 1s ease;
}
.hero-inner-col .secondary-photo img, .inner-hero-right-col .lower-img img {
  transform: translate(20px, 20px); 
}
.animate-hero .secondary-photo img, .animate-hero .lower-img img {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 0s;
}
.hero-inner-col .primary-photo img, .inner-hero-right-col .inner-below-yellow-frame-img img {
  transform: translate(-20px, -20px); 
}
.animate-hero .primary-photo img, .animate-hero .inner-below-yellow-frame-img img {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 1s;
}
.hero-inner-col:before,
.hero-section .hero-inner-col:after,
.yellow-frame-img:before,
.inner-below-yellow-frame-img:before,
.inner-hero-section .hero-image:after {
  opacity: 0;
  transition: opacity 1s ease;
}
.animate-hero.hero-inner-col:after {
  opacity: 1;
  transition-delay: 0.5s;
}
.animate-hero.hero-inner-col:before, .inner-hero-section .animate-hero .hero-image:after {
  opacity: 1;
  transition-delay: 1.5s;
}
.animate-hero.hero-inner-col .yellow-frame-img:before, .animate-hero .inner-below-yellow-frame-img:before {
    opacity: 1;
    transition-delay: 1.2s;
    transition-duration: 1.2s;
}
.hero-inner-col .yellow-frame-img:before {
  -webkit-mask: url('../images/yellow-rectangle.png') no-repeat left/contain;
  mask: url('../images/yellow-rectangle.png') no-repeat left/contain;
  background-color: var(--orange); 
  /* animation: draw-rect 2.5s linear forwards; */
  animation: draw-rect 4.5s linear forwards;
  animation-delay: 1.2s;
  z-index: 1;
  opacity: 0;
}

.hero-slider .carousel-item:not(:first-child) .hero-inner-col .yellow-frame-img:before {
    transition: all .2s ease-in-out;
    animation: none;
}

.inner-below-yellow-frame-img:before {
    clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%);
    /* animation: draw-rect 2.5s linear forwards; */
    animation: draw-rect 6.5s linear forwards;
    animation-delay: 1.2s; 
}
.hero-slider .carousel-item.active {
    z-index: unset;
    opacity: 1;
}
.hero-slider .carousel-item.prev-slide {
    opacity: 1;
    display: block;
}
.hero-slider .carousel-item:not(:first-child) .secondary-photo img,
.hero-slider .carousel-item.current-active-slide .secondary-photo img {
  opacity: 0;
  transition: opacity 1s ease;
}

.hero-slider .carousel-item.active .secondary-photo img.fade-in, .hero-slider .carousel-item .secondary-photo img.fade-in {
  opacity: 1;
}

.hero-slider .carousel-item.prev-slide .secondary-photo img.fade-out {
  opacity: 0;
}






/* Rectangle draw effect (bottom-left → clockwise) */
@keyframes draw-rect {
  0% {
    clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%);
  }
  20% {
    /* reveal left side (bottom-left → top-left) */
    clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 0% 100%);
  }
  40% {
    /* reveal bottom side (bottom-left → bottom-right) */
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 0% 100%);
  }
  60% {
    /* reveal top side (top-left → top-right) */
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
  }
  80% {
    /* reveal right side (top-right → bottom-right) */
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
  }
  100% {
    /* full rectangle visible */
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
  }
}



.video-box .video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 

 /* media */
 @media only screen and (max-width:575px) {
     .slick-counter {
         bottom: 0px;
         right: 0px;
         padding: 0px 5px;
         font-size: 16px;
         width: 50px;
         height: 50px;
     }

     .inner-yellow-frame-col img {
         margin-right: 0px;
     }
      .hero-section .hero-inner-col {
         height: 260px;
     }

    .yellow-frame-img:before {
        width: 135px;
        height: 230px;
        right: 14px;
        top: -270px
    }
  .primary-photo {
    padding-left: 0 !important;
    padding-bottom: 28px !important;
  }
  .hero-left-col .hero-left-col {
    padding-left: 15px !important ;
        padding-right: 15px !important ;

  }
  .hero-section .hero-inner-col .primary-photo img {
    height: 210px;
    width: 530px;
    object-fit: cover;
}

  .quote-content:before{
    left: -25px;
  }
  .product-detail-zone .featured-products  .products-link{
    display:flex;
  }

  .post-slider .slick-prev, .post-slider .slick-prev:hover, .post-slider .slick-prev:focus, .post-slider .slick-next:hover, .post-slider .slick-next:focus, .post-slider .slick-next {
        top: 18% !important;
    }

    .inner-below-yellow-frame-img img {
    width: 95%;
     height: 275px;
}

 }

 @media only screen and (min-width:576px) and (max-width:767px){
.hero-section .hero-inner-col {
         height: 340px;
     }
     .hero-section .hero-slider .hero-inner-col:after {
        height: 380px;
     }
      .yellow-frame-img:before {
         width: 210px;
         height: 360px;
         z-index: 999;
         right: 10px;
         top: -350px;
     }

   .hero-section .hero-inner-col .primary-photo img {
    height: 300px;
    width: 635px;
}
.inner-below-yellow-frame-img img{
   height: 327px;
    width: 490px;  
}
    
 }
 @media only screen and (max-width:767px) {

     /* .inner-hero-section .quote-content,
     .inner-hero-section .testimonial-name {
         margin-left: 20px;
     } */
       .inner-hero-section .quote-content-col{
        padding-left: 20px;

      }

     .primary-photo {
         z-index: 9;
     }
     .hero-tagline {
        bottom: 45px;
        left: 0;
        max-width: 95%;
        padding: 11px 15px;
     }

     .hero-section .hero-inner-col:after {
        width: 260px;
        /* height: 270px; */
        height: 250px; 
        right: -13px;
        top: 30px;
        bottom: -70px;
     }

     .hero-right-content-column {
         padding-right: unset;
     }

     .inner-hero-right-col .lower-img img {
         max-width: 240px;
         height: 200px;
         margin-right: 0px;
     }

     .primary-photo img {
         width: 100%;
     }

     .yellow-border {
         position: absolute;
         top: -18px;
         width: 49%;
         height: 99%;
         object-fit: cover;
         right: 6px;
     }

     .hero-section .hero-image {
         width: 100%;
     }

     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus,
     .post-slider .slick-next {
         top: 24%;
     }

     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus {
         background-image: url(../images/white-circle-arrow-left.svg);
         left: 70px;
         z-index: 2;
         width: 30px;
         height: 30px;
     }

     .post-slider .slick-next,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus {
         background-image: url(../images/white-circle-arrow-right.svg);
         right: 45px;
         z-index: 2;
         width: 30px;
         height: 30px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus {
         background: url(../images/red-left-arrow.svg);
         left: -72px;
         right: 0;
         margin: auto !important;
         top: -23px;
     }

     .carousel-zone .slick-next,
     .carousel-zone .slick-next:hover,
     .carousel-zone .slick-next:focus {
         background: url(../images/red-arrow-right.svg);
         left: 0px;
         right: -73px;
         margin: auto !important;
         top: -24px;
     }

     .product-detail-zone .quote-content {
         padding-left: 40px;
     }

     .inner-below-yellow-frame-img:before {
         top: 80%;
     }

     .secondary-photo {
         position: relative;
         right: unset !important;
         top: 0;
     }

 }

 @media only screen and (min-width:768px) {

     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus,
     .post-slider .slick-next {
         top: 126px;
     }

     .hero-right-content-column {
         padding-left: 30px !important;
     }

     .inner-hero-section .hero-image:after {
         right: -3px;
         width: 90%;
         height: 100%;
         bottom: -20px;
         z-index: -1;
     }

     .yellow-frame-img:before {
         width: 99.5%;
         height: 100%;
         right: -12px;
         top: -26px;
     }

     .yellow-frame-img {
         margin-left: 19% !important;
     }

     .quote-image-left {
         left: 0px;
     }

     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus,
     .post-slider .slick-next {
         top: 133px;
     }

     .post-slider .slick-next,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus {
         background: url(../images/circle-right.svg);
         right: -10px;
     }

     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus {
         background: url(../images/circle-left.svg);
         left: 23px;
     }

     .carousel-zone .slick-next,
     .carousel-zone .slick-next:hover,
     .carousel-zone .slick-next:focus {
         background: url(../images/right-slider-arrow.svg);
         right: -20px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus,
     .carousel-zone .slick-next,
     .carousel-zone .slick-next:hover,
     .carousel-zone .slick-next:focus {
         top: 185px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus {
         background: url(../images/left-slider-arrow.svg);
         left: 14px;
     }

     .carousel-zone:before {
         position: absolute;
         content: "";
         width: 200px;
         height: 200px;
         background-image: url(../images/rectangular-icon.svg);
         background-repeat: no-repeat;
         background-size: contain;
         right: 0;
         top: -67px;
     }

     .inner-yellow-frame-col img {
         top: -40px;
     }

     .inner-below-yellow-frame-img:before {
         top: 140px;
     }

     .inner-hero-section .hero-image:after {
         right: -13px;
         width: 84%;
         bottom: -9px;
     }
 }

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

  
     .workplace-col:before {
         left: -25px;
         bottom: -25px;
         width: 320px;
     }

     .footer-logo img {
         width: 200px;
     }

     .inner-hero-right-col .lower-img img {
         max-width: 260px;
         height: 200px;
          margin-right: -34px;
     }

     .secondary-photo img {
        height: 400px;
        width: 280px;
     }
    .hero-section .hero-inner-col .primary-photo img {
        height: 400px;
    }
    .hero-tagline {
        bottom: unset;
        top: 350px;
        left: 8px;
    }
     .hero-section .hero-inner-col:after {
        width: 440px;
        height: 325px;
        right: -22px;
        top: 120px;
     }
     .hero-inner-col:before {
        width: 95%;
        max-width: 100%;
     }
     .secondary-photo {
        right: -12px;
        top: 35px;
     }

     .hero-section .hero-inner-col {
         height: 460px;
     }

     /* .inner-hero-section .quote-content,
     .inner-hero-section .testimonial-name {
         margin-left: 100px;
     } */
      .inner-hero-section .quote-content-col{
        padding-left: 100px;

      }
     .inner-hero-right-col .lower-img img{
        margin-right: -30px;
     }
     .project-gallery .quote-content:before{
        /* top:20px; */
     }
     .inner-below-yellow-frame-img img {
        width: 577px;
        height: 225px;
    }
  
 }

 @media screen and (min-width: 575px) and (max-width: 991px){
    .quote-content:before{
        left: -30px;
    }

 }
 @media screen and (max-width: 991px) {
     .menu-text {
         margin-top: 5px;
     }

    header .sub-menu ul li a{
        font-size:13px !important;
        line-height: 20px !important;
    }

     .open-close-button .close-btn,
     .open-close-button .open-btn.open {
         display: none;
     }

     .open-close-button .close-btn.open {
         display: block;
     }

     .navbar-toggler,
     button.navbar-toggler:focus:not(:focus-visible) {
         border: 0 !important;
         outline: 0;
         padding: 0;
         box-shadow: none;
     }

     .navbar-toggler,
     .navbar-toggler:focus {
         box-shadow: unset;
     }

     .open-btn-block {
         width: 51.393px;
         height: 45.386px;
     }

     #main-content {
         transition: right 0.5s;
         right: 0;
     }

     #main-content.show {
         right: 80%;
     }

     .main-menu {
         flex-direction: column;
     }

     /* header .menu-item {
         font-size: 18px;
     } */

     .navbar-nav>.menu-item>a {
         color: var(--white);
         display: block;
     }

     .navbar-nav .current-menu-item a,
     .navbar-nav .menu-item a:hover,
     .navbar-nav .current_page_parent a,
     .navbar-nav .menu-item-has-children ul.sub-menu a:hover,
     .navbar-nav .menu-item-has-children ul.sub-menu .current-menu-item a {
         color: var(--white);
     }

     .top-nav li:not(:last-child) {
         margin-bottom: 10px;
     }

     .navbar-nav>.menu-item {
         margin-bottom: 20px;
     }

     .navbar-nav>.menu-item:not(:last-child)>a {
         padding-bottom: 10px;
     }

     .navbar-nav {
         margin-top: 30px;
     }

     .navbar-nav .menu-item-has-children ul.sub-menu {
         padding-left: 10px;
         padding-top: 25px;
         display: none;
     }

     .navbar-nav .menu-item-has-children ul.sub-menu li:not(:last-child) {
         margin-bottom: 20px;
     }

     .navbar-nav .menu-item-has-children:after {
         content: "\f078";
         font-family: "Font Awesome 6 Pro";
         font-weight: 400;
         color: var(--white);
         position: absolute;
         right: auto;
         top: -5px;
         width: 30px;
         height: 30px;
         display: flex;
         align-items: center;
         justify-content: center;
         left: 82px;
     }

     .navbar-nav .menu-item-has-children.menu-open:after {
         content: "\f077";
     }

     .header-search {
         border: 2px solid white;
         width: max-content;
         padding: 9px 20px;
         bottom: -170px;
     }

     .header-search-form a:after {
         font-size: 18px;
         padding-left: 10px;
         padding-right: unset;
     }

     .top-nav {
         margin-top: -35px;
     }

     .top-nav li a {
         color: var(--white) !important;
         padding-bottom: 10px;
     }

     section:not(.hero-section):not(.cta-zone) {
         padding-right: 8px !important;
         padding-left: 8px !important;
     }

     .inner-hero-section .list-image-col ul li {
         font-size: 18px;
         line-height: 22px;
     }

     button {
         padding: 5px;
         border: 0px;
         background: transparent;
         margin-left: -28px !important;
     }

     .navbar-nav .menu-item-has-children:after {
         content: "\f078";
         font-family: "Font Awesome 6 Pro";
         font-weight: 400;
         color: var(--white);
         position: absolute;
         right: 15px;
         top: -5px;
         width: 30px;
         height: 30px;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .post-slider-col .post-slider {
         padding: 0 16px 30px 20px;
     }

     .menu-text {
         font-size: 12px;
     }

     .open-close-button .close-btn,
     .open-close-button .open-btn.open {
         display: none;
     }

     .open-close-button .close-btn.open {
         display: block;
     }

     #navbarSupportedContent {
         height: 100vh;
         width: 80%;
         position: fixed;
         z-index: 99;
         top: 0;
         right: -80%;
         background-color: var(--dark-blue);
         overflow-y: auto;
         transition: right 0.5s;
         padding: 45px 20px 70px 50px;
         display: block !important;
     }

     #navbarSupportedContent.show {
         right: 0;
     }

     #main-content.show {
         right: 80%;
     }

     .navbar-nav .menu-item-has-children ul.sub-menu {
         padding: 25px 0 10px 10px;
         display: none;
         list-style: none;
         margin: 0;
     }

     .breadcrumb .current-item {
         padding-top: 5px;
     }

     footer {
         padding: 30px 8px;
     }
     
    .quote-content:after {
        bottom: -7px;
    }
    .quote-content:before {
        top: 0;
    }
 }

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-tagline {
        bottom: unset;
        top: 450px;
    }
    .hero-section .hero-inner-col:after {
        width: 440px;
        height: 400px;
        right: -87px;
        top: 145px;
    }
 }
 @media only screen and (min-width:992px) {
     .hero-left-col {
         padding-right: 80px;
     }

     .single-hero-zone .single-slider .slick-prev:before,
     .single-hero-zone .single-slider .slick-next:before {
         font-size: 30px;
     }

     .single-hero-zone .single-slider .slick-prev,
     .single-hero-zone .single-slider .slick-next {
         width: 60px;
         height: 60px;
     }

    .navbar-nav>.menu-item>a {
        transition: all .2s ease-out;
    }
    .navbar-nav .menu-item>a:hover, header .main-menu ul li.current-menu-item > a, header .main-menu li.current_page_parent > a {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
    }

     .post-slider .slick-next,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus {
         right: -25px;
     }

     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus,
     .post-slider .slick-next {
        top: 28%;
        transform: translateY(-72%);
     }

     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus {
         background: url(../images/circle-left.svg);
         left: -25px;
     }

     .post-slider-col h2 {
         margin-left: -14px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus {
         left: -12px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus,
     .carousel-zone .slick-next,
     .carousel-zone .slick-next:hover,
     .carousel-zone .slick-next:focus {
         top: 110px;
     }

     .inner-hero-section .hero-image:after {
         right: -12px;
         width: 70%;
         height: 94%;
         bottom: -67px;
         z-index: -1;
     }

     .navbar-nav .menu-item-has-children ul.sub-menu a {
        font-size: 16px;
        line-height: 20px;
        color: var(--black);
        padding: 7px 0;
     }

     .navbar-nav>.menu-item>a {
         margin-right: 30px;
     }

     .navbar-nav>.menu-item:hover>a:before {
         width: 100%;
         opacity: 1;
     }

     .navbar-nav .menu-item-has-children ul.sub-menu {
         visibility: hidden;
         opacity: 0;
         background-color: var(--white);
         padding: 20px 42px 20px 20px;
         position: absolute;
         left: 0;
         right: 0;
         margin-top: 10px;
         width: max-content;
         max-width: 245px;
         margin-right: auto;
         margin-left: auto;
         z-index: 99;
         transition: all .3s ease-in-out;
         border-radius: 10px;
         box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
     }
     .navbar-nav .menu-item-has-children:hover ul.sub-menu {
         opacity: 1;
         visibility: visible;
     }
      .navbar-nav .menu-item-has-children.two-col-submenu ul {
         columns: 2;
         /* left: -222px !important; */
         max-width: 562px !important;
        left: 50%;
        transform: translateX(-50%);
     }
     .navbar-nav .menu-item-has-children.two-col-submenu:last-child ul {
        left: unset;
        transform: unset;
     }
     .navbar-nav .menu-item-has-children.two-col-menu ul.sub-menu {
         column-count: 2;
         column-gap: 20px;
         width: max-content;
         max-width: 470px;
     }

     .yellow-frame-img:before {
         width: 480px;
         right: -150px;
         top: -29px;
     }

     .below-yellow-frame-img {
         top: -298px;
         right: 96px;
     }

     .testimonial-name {
         font-size: 16px;
         line-height: 20px;
     }

     .font-medium,
     .quote-content {
         font-size: 22px;
         line-height: 30px;
     }

     .font-large {
         font-size: 30px;
         line-height: 35px;
     }

     .font-xxs {
         font-size: 12px;
         line-height: 18px;
     }

     .font-xl {
         font-size: 40px;
         line-height: 45px;
     }

     .font-xxl {
         font-size: 50px;
         line-height: 55px;
     }

     .hero-right-content-column {
         padding-left: 35px !important;
     }

     .side-inner-col h5 {
         font-size: 20px;
         line-height: 25px;
     }

     .full-width-content .list-image-col ul {
         padding: 0px 100px;
         column-gap: 5rem;
     }

     .single-hero-zone .single-slider .slick-prev {
         left: 0px;
     }
     .hero-inner-col:before {
        max-width: 435px;
     }
     .inner-yellow-frame-col img {
         top: -60px;
     }

     .header-search-form .searchwp-modal-form-trigger-el {
         font-size: 0;
     }

     .header-search-form a:after {
         color: var(--red);
     }

     .inner-below-yellow-frame-img:before {
         top: 220px;
     }

     
     .header-search  {
        top:1px;
     }
 .inner-below-yellow-frame-img img {
   
    height: 300px;
}
 }

 @media only screen and (min-width:1200px) {
     .hero-section .hero-left-col {
         padding-right: 100px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone.slick-prev:hover,
     .carousel-zone .slick-prev:focus,
     .carousel-zone .slick-next,
     .carousel-zone .slick-next:hover,
     .carousel-zone .slick-next:focus {
         top: 139px;
     }

     .carousel-zone .slick-next,
     .carousel-zone .slick-next:hover,
     .carousel-zone .slick-next:focus {
         right: -25px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus {
         left: -26px;
     }

     .inner-hero-section .hero-image:after {
         right: -15px;
         width: 81%;
         height: 97%;
         bottom: -35px;
     }
     .hero-section .hero-inner-col:after {
        width: 600px;
        height: 400px;
        right: -124px;
        top: 155px;
     }
     .hero-right-content-column {
         padding-left: 60px !important;
     }
     .secondary-photo {
        top: 75px;
        right: -110px;
     }
     .hero-inner-col:before {
        max-width: 565px;
     }
     .below-yellow-frame-img {
         position: absolute;
         top: -395px;
         right: 32px;
     }

     .yellow-frame-img {
         margin-left: 14% !important;
     }

     .yellow-frame-img:before {
         right: -157px;
         top: -55px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus,
     .carousel-zone .slick-next,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus,
     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus,
     .post-slider .slick-next {
         width: 25px;
         height: 25px;
     }

     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus {
         background: url(../images/circle-left.svg);
         left: -40px;
     }

     .post-slider .slick-next,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus {
         background: url(../images/circle-right.svg);
         right: -40px;
     }

     .carousel-zone:before {
         width: 453px;
         height: 487px;
         top: -67px;
     }

     .full-width-content .list-image-col ul {
         padding: 0 100px;
     }

     .quote-content p:first-of-type,
     .products-col .wysiwyg-content ul li {
         font-size: 22px;
         line-height: 26px;
     }

     .post-slider-col {
         padding-left: calc(100vw / 2 + -1080px / 2) !important;
     }

     .interior-product-inner-col,
     .hero-right-content-column {
         padding-right: calc(100vw / 2 + -1140px / 2) !important;
     }

     .navbar-nav .menu-item-has-children>a {
         margin-right: 30px;
     }
     .inner-below-yellow-frame-img img {
    width: 577px;
    height: 385px;

}
 }

 @media only screen and (min-width:1366px) {

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus,
     .carousel-zone .slick-next,
     .carousel-zone.slick-next:hover,
     .carousel-zone .slick-next:focus {
         top: 139px;
     }

     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus {
         left: -60px;
     }

     .post-slider .slick-next,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus {
         right: -60px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus,
     .carousel-zone .slick-next,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus,
     .post-slider .slick-prev,
     .post-slider .slick-prev:hover,
     .post-slider .slick-prev:focus,
     .post-slider .slick-next:hover,
     .post-slider .slick-next:focus,
     .post-slider .slick-next {
         width: 40px;
         height: 40px;
     }

     .carousel-zone .slick-prev,
     .carousel-zone .slick-prev:hover,
     .carousel-zone .slick-prev:focus {
         left: -45px;
     }

     .carousel-zone .slick-next,
     .carousel-zone .slick-next:hover,
     .carousel-zone .slick-next:focus {
         right: -50px;
     }

    .carousel-zone .slick-disabled{
        opacity: 0.5!important;
    }

     .post-slider-col {
         padding-left: calc(100vw / 2 + -1200px / 2) !important;
     }

     main .container,
     header .container,
     footer .container,
     .container {
         max-width: 1180px;
     }

     .yellow-frame-img:before {
         /* width: 440px; */
         top: -40px;
     }

     .inner-yellow-frame-col img {
         top: -48px;
     }
 }

 @media only screen and (min-width:1400px) {

     .interior-product-inner-col,
     .hero-right-content-column {
         padding-right: calc(100vw / 2 + -1182px / 2) !important;
     }

     .post-slider-col {
         padding-left: calc(100vw / 2 + -1390px / 2) !important;
     }

     .inner-yellow-frame-col img {
         top: -45px;
     }
 }

 @media only screen and (min-width:1440px) {
     .inner-hero-section .hero-image:after {
         right: -15px;
         width: 81%;
         height: 97%;
         bottom: -35px;
     }

     .post-slider-col {
         padding-left: calc(100vw / 2 + -1400px / 2);
     }

     .yellow-frame-img:before {
         right: -152px;
     }
     .hero-inner-col:before {
        max-width: 665px;
     }
 }

 @media only screen and (min-width:1620px) {
     .carousel-zone .post-slider-col {
         width: 47%;
     }

     .carousel-zone .interior-product-col {
         width: 44.666667%;
     }

     .yellow-frame-img {
         margin-left: 0 !important;
     }
     .hero-inner-col:before {
        max-width: 745px;
     }

     .font-xxl {
         font-size: 50px;
         line-height: 55px;
     }

     /* .team-section .heading {
         font-size: 22px;
         line-height: 26px;
     } */

     .yellow-frame-img:before {
         width: 420px;
         right: -100px;
         top: -40px;
     }
     .teams-right-col .teams-intro-heading{
        font-size:22px;
        line-height:26px;
     }

     .full-width-content .list-image-col ul {
         padding: 0 150px;
         column-gap: 5rem;
     }

     .inner-yellow-frame-col img {
         top: -30px;
     }

     .inner-below-yellow-frame-img:before {
         top: 330px;
     }

     .list-image-col h3 {
         font-size: 30px;
         line-height: 35px;
     }
     .interior-product-inner-col {
        padding-left: 40px !important;
     }
     .main-cta-heading{
        margin-right: -60px !important;
     }
     .interior-product-inner-col .interior-product-col{
        padding-left:0 !important;

     }
 }
@media only screen and (min-width: 1700px) {
    .hero-right-content-column {
        padding-right: calc(100vw / 2 + -1203px / 2) !important;
    }
}
@media only screen and (min-width: 1800px) {
    .hero-right-content-column {
        padding-right: calc(100vw / 2 + -1218px / 2) !important;
    }
    .hero-section .hero-inner-col:after {
        right: -88px;
    }
    .secondary-photo {
        right: -75px;
    }
}
 @media only screen and (min-width:1920px) {
     .yellow-frame-img:before {
         width: 325px;
         right: 0px;
         top: -50px;
     }
     .secondary-photo {
        right: -30px;
     }
     .hero-inner-col:before {
        max-width: 780px;
     }
     .hero-right-content-column {
        padding-left: 35px !important; 
    }
    .hero-section .hero-inner-col:after {
        height: 420px;
        right: -50px;
        top: 140px;
    }
    .hero-section .hero-left-col {
        padding-right: 80px;
    }
    .hero-section .hero-tagline .font-large {
        font-size: 28px;
    }
    .hero-tagline {
        bottom: 65px;
    }
 }

@media only screen and (min-width: 1960px) {
    .hero-inner-col:before {
        /* max-width: 950px; */
        max-width: 77%;
    }
    .hero-section .hero-inner-col .primary-photo img {
        /* width: 900px; */
        width: 82%;
        height: 481px;
    }
}
@media only screen and (min-width: 2200px) {
    .hero-right-content-column {
        padding-right: calc(100vw / 2 + -1230px / 2) !important;
    }
    .hero-inner-col:before {
        /* max-width: 950px; */
        /* max-width: 77%; */
    }
    .hero-section .hero-inner-col .primary-photo img {
        /* width: 900px; */
        /* width: 82%; */
        height: 500px;
    }
}
@media only screen and (min-width: 2500px) {
    .hero-right-content-column {
        padding-right: calc(100vw / 2 + -1310px / 2) !important;
    }
    .hero-inner-col:before {
        max-width: 1115px;
    }
    .hero-section .hero-inner-col .primary-photo img {
        width: 100%;
        max-width: 1100px;
    }
}



 .video-wrapper .play-icon {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 9999;
    font-size: 40px;
    color: #fff;
    width: 40px;
    height: 40px;
}



.video-image {
    height: 0;
    padding: 0;
    padding-bottom: 56.25%;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.gform_button{
    background-color: var(--red)!important;
}

.gform_button:hover{
    text-decoration: underline!important;
}

.blog .sidebar .swp-button{
     background-color: var(--red)!important;
     color:#fff!important;
     border: 0!important;
}

.single-post img{
    max-width: 100%;
    height: auto;
}
.single-post div.wp-caption {
    max-width: 100%;
}

.team-content img{
    max-width:250px;
    border-radius: 125px;
}
@media only screen and (min-width: 992px) {
    .hero-image .text-white.font-large.fw-bold{
        font-weight: 500!important;
        line-height:20px!important;
        padding-bottom:5px!important;
    }
}