*,

*::before,

*::after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



@media (prefers-reduced-motion: no-preference) {

  :root {

    scroll-behavior: smooth;

  }

}




body {margin: 0; overflow-x: hidden; background-color: #f9f9f9;-webkit-text-size-adjust: 100%;font-size: 18px;overflow-x: hidden;font-family: "Space Grotesk", sans-serif;font-weight: normal;color: #2B2B2B;letter-spacing: normal;-ms-scroll-chaining: none;overscroll-behavior: none;  
  /* background-image: repeating-linear-gradient(
        to right,
        transparent 0,
        transparent calc(25% - 0.5px),
        rgba(198, 198, 198,30%) calc(25% - 0.5px),
        rgba(198, 198, 198,30%) 25% ,
    );*/ color:#1A1C1C } 

body::before{
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;

    background-image:
        linear-gradient(rgba(198, 198, 198,30%), rgba(198, 198, 198,30%)),

        linear-gradient(rgba(198, 198, 198,30%), rgba(198, 198, 198,30%));

    background-repeat: no-repeat;
    background-size: 1px 100%;
    background-position:
    3.5% 0,
        96.5% 0;
}
body.home::before{
   content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;

    background-image:
        linear-gradient(rgba(198, 198, 198,30%), rgba(198, 198, 198,30%)),
        linear-gradient(rgba(198, 198, 198,30%), rgba(198, 198, 198,30%)),
         linear-gradient(rgba(198, 198, 198,30%), rgba(198, 198, 198,30%)),
        linear-gradient(rgba(198, 198, 198,30%), rgba(198, 198, 198,30%));

    background-repeat: no-repeat;
    background-size: 1px 100%;
    background-position:
    3.5% 0,
        35% 0,
        65% 0,
        96.5% 0;
}
@media (min-width: 1400px){
body.home::before{
    background-position: 3.5% 0, 38% 0, 60% 0, 96.5% 0;}
}

hr { margin: 1rem 0;color: inherit; background-color: var(--stroke); border: 0;opacity: 0.25;}
hr:not([size]) { height: 1px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0.5rem; font-weight: 400; letter-spacing:normal; }

.h1, h1 { font-size: 96px; line-height: 120%; font-family: "Newsreader", serif;}
.h2, h2 { font-size: 55px; line-height: 120%; font-family: "Newsreader", serif;}

.h3, h3 {font-size: 40px; line-height: 120%; font-family: "Newsreader", serif;}

.h4, h4 { font-size: 32px; line-height: 150%; font-family: "Space Grotesk", sans-serif;}

.h5, h5 {font-size: 24px; line-height: 150%;  font-family: "Space Grotesk", sans-serif;}

.h6, h6 { font-size: 20px; line-height: 150%;  font-family: "Space Grotesk", sans-serif;}

a{-webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; text-decoration: none;}

a:focus, a:active {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-tap-highlight-color: transparent; }



p{margin-top: 0; font-size: 16px; line-height: 160%; font-family:'work Sans', sans-serif; }
p.made_by_coura{font-family: "Space Grotesk", sans-serif;}
.img-fluid{max-width: 100%; height: auto;}

.container{max-width: 1216px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px;}

.btn { position: relative; cursor: pointer; padding: 21px; min-width: 179px; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; height: auto; background-color: transparent; border: none;cursor: pointer;margin: 0px;font-size:12px;font-style: normal;font-weight: 400;  font-family: "Space Grotesk", sans-serif; text-transform: uppercase; line-height: 1;  border-radius: 0; letter-spacing: 2.88px; text-align: center;}

.btn.btn-primary{ background:#1A1C1B; border:1px solid #1A1C1B; color: #F9F9F7;}
.btn.btn-primary:hover{  background:  #FF4848; border-color:#FF4848;  color:#F9F9F7 ;}
.btn.btn-primary:active{background: #FF4848; border-color:#FF4848; color:#F9F9F7 ;}

.btn-primary-outline{background: transparent;border:1px solid #000; color: #1A1C1C;}
.btn-primary-outline:hover{background: #1A1C1B; color: #f9f9f7;}
.btn.icon{gap: 12px;}
.btn-secondary{border-radius: 48px;
border-top: 1px solid #6C513E;
border-left: 1px solid #6C513E;
background: rgba(220, 231, 239, 0.62);
-webkit-box-shadow: -4.5px -4.5px 1.5px -5.25px rgba(255, 255, 255, 0.50) inset, 4.5px 4.5px 1.5px -5.25px rgba(255, 255, 255, 0.50) inset, 3px 4.5px 1.5px -3px rgba(179, 179, 179, 0.20) inset, -3px -4.5px 1.5px -3px #B3B3B3 inset, 0 0 33px 0 rgba(242, 242, 242, 0.50) inset;
        box-shadow: -4.5px -4.5px 1.5px -5.25px rgba(255, 255, 255, 0.50) inset, 4.5px 4.5px 1.5px -5.25px rgba(255, 255, 255, 0.50) inset, 3px 4.5px 1.5px -3px rgba(179, 179, 179, 0.20) inset, -3px -4.5px 1.5px -3px #B3B3B3 inset, 0 0 33px 0 rgba(242, 242, 242, 0.50) inset;
-webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px); color: #EDF7FF; }
.btn-secondary:hover{background: #fff; color: #000;}

.btn:focus{outline: none; }
.btn-secondary:disabled, .btn-secondary[disabled], .btn-secondary.disabled{opacity: 0.64;}

.btn-link{color: #1A1C1B; font-size: 10px; padding-bottom: 4px; text-transform: uppercase; line-height: 140%; letter-spacing: 2.4px; position: relative; text-decoration: none; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all;}
.btn-link::before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #1A1C1B; -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;}
.btn-link:hover:before{ background-color:#FF4848;}
.btn-link:hover{color: #FF4848;}

sup {font-size: 10px;font-weight: bold;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.mobile-show{display: none !important;}

.small-icon.slick-arrow {width: 32px;height: 32px; z-index: 2;  padding: 0; border-radius: 0;background: transparent; color: #5D5E61; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  border: none;}
.small-icon.slick-arrow:hover{opacity: 1; color: #1a1a1a;}
.small-icon.slick-arrow:before {display: none;}
.small-icon.slick-arrow.slick-prev{left: 16px;}
.small-icon.slick-arrow.slick-next{right: 16px;}

.slick-dots li{width: auto; height: auto;}
.slick-dots li button{width: 15px;height: 15px; border-radius: 50%; border: 1px solid #1A1C1C;}
.slick-dots li button::before{display: none;}
.slick-dots li.slick-active button{background: #1A1C1C;}

.menu-btn{display: block;}
.header__nav-button { background: transparent;  -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; width: 18px;height: 12px; border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; display: block;   -webkit-transform: rotate(0deg);   -ms-transform: rotate(0deg);   transform: rotate(0deg); }

.header__nav-button:hover, .header__nav-button:focus { outline: none; }
.header__nav-button > span {background:#000;display: block;position: absolute;height: 1px;width: 100%; left: 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.header__nav-button > span:nth-child(1) { top: 0px; }
.header__nav-button > span:nth-child(2) {top: 6px; }
.header__nav-button > span:nth-child(3) {top: 12px; }
.open-menu .header__nav-button > span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }
.open-menu .header__nav-button > span:nth-child(2) {opacity: 0;left: -60px; }
.open-menu .header__nav-button > span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.page-overlay{position: fixed; width: 100%; height: 100vh; z-index: 4; background: rgba(0, 0, 0, 80%); opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition: 0.5s ease-in;}
.open-menu .page-overlay{opacity: 1; visibility: visible;}
.open-filter .page-overlay{opacity: 1; visibility: visible;}

@keyframes scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-50% - 0.5px), 0, 0);
  }
}



/* Reset CSS ends */

/* Header CSS starts */

.header_wrap{position: relative; width: 100%; z-index: 5; background: #f9f9f9; border-bottom: 1px solid rgba(93, 94, 97,30%); padding: 48px 0px;}
.header_row{display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.logo{max-width: 134px; height: auto; display: block;}
.logo a{display: block;}
.logo a img{width: 100%; height: auto; display: block;}
.header_nav ul{list-style: none; margin: 0; padding: 0; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 48px;}
.header_nav ul li{margin: 0; padding: 0; font-family: "Space Grotesk", sans-serif; font-size: 14px; line-height: 130%; font-weight: 400; text-transform: uppercase; color: #737373; letter-spacing: 3.36px;}
.header_nav ul li.active a{color: #FF4848;}
.header_nav ul li a{color: #737373; text-decoration: none; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all;}
.header_nav ul li a:hover{color: #FF4848; text-decoration: underline; text-underline-offset: 3px;}
.header_btn{display: flex; align-items: center; gap: 15px;}
.menu-btn{display: none;}
/*Header CSS ends*/

/* Hero banner CSS starts */

.hero-section{padding:123px 0 140px; background: #F9F9F7;  position:relative; overflow:hidden;}
.hero-section::before{content:"";position:absolute;top:16px;left: 48px; width: 24px; height: 24px;border-top: 1px solid #5D5E61;border-left: 1px solid #5D5E61; z-index:1;}
.hero-section::after{content:"";position:absolute;top:16px;right: 48px; width: 24px; height: 24px;border-top: 1px solid #5D5E61;border-right: 1px solid #5D5E61; z-index:1;}

.corner-box{position:relative; width: 100%; height: 100%;  position:absolute; bottom:48px; left:0; z-index:1;}    
.corner-box::before{content:"";position:absolute;bottom:0;left: 48px; width: 24px;height: 24px; border-bottom: 1px solid #5D5E61;border-left: 1px solid #5D5E61; z-index:1;}
.corner-box::after{content:"";position:absolute;bottom:0;right: 48px; width: 24px; height: 24px;border-bottom: 1px solid #5D5E61;border-right: 1px solid #5D5E61; z-index:1;}

.hero-grid{ display:flex;flex-direction: row; align-items: center; justify-content: space-between; position:relative;z-index:2;}
.hero-grid::before{content:"";position:absolute;top:-25%;left:28%;width:726px;height:542px;background:url("../img/brushstroke.png") center/cover no-repeat; z-index:-1;}
.hero-content {width: 55.5%;}
.hero-content .sub-title{display:inline-block; text-transform: uppercase; letter-spacing:0.48em;font-size:14px; color:#5D5E61; line-height: 140%; margin-bottom:10px;}
.hero-content .sub-title::before{content:"";display:inline-block;width:48px;height:1px;background:#5D5E61;margin-right:5px;vertical-align:middle;}
.hero-content h1{font-size:88px;line-height:120%; letter-spacing: -0.04em; font-style:italic;font-weight:400;margin-bottom:2px;}
.hero-content p{ font-size:18px;color:#5D5E61; line-height:200%; margin-bottom:43px;}

.hero-btns{display:flex;gap:32px; align-items:center;}
.hero-btns .btn{min-width:231px}
.hero-image{ position:relative; width: 39%; background: #F4F4F2; border: 1px solid rgba(93, 94, 97,30%); padding: 16px;}
.hero-image img{display:block; width:100%; mix-blend-mode: multiply;}
.image-label{ position:absolute;left:-20px; display: inline-flex; align-items: center; justify-content: center; gap: 12px;  bottom:-15px;background:#F9F9F7;border: 1px solid rgba(93, 94, 97,30%); padding:10px 16px; font-size:10px; color:#5D5E61; line-height: 120%;text-transform: uppercase;}
.image-label .box{min-width: 8px; width: 8px; height: 8px; display:inline-block; background:#FF4848; }


/* Hero banner CSS ends */

/* Logo Section CSS starts */

.logo_wrap{padding: 20px 0;text-align: center; position: relative; z-index: 2; }
.logo_wrap h2{font-size: 32px; letter-spacing: 0.24em; font-family: "Space Grotesk", sans-serif; text-transform: uppercase; font-weight: 300; color: #1A1C1B; margin-bottom: 20px;}
.logo_wrap .items {height: 96px; display: flex; align-items: center;  justify-content: center;}
.logo_wrap .items img{ width: auto; display: block;}
.logo_wrap .marquee-track{gap:220px;}
.marquee {width: 100%;overflow: hidden;position: relative; margin: 92px 0 101px;}
.marquee-track { display: flex; will-change: transform; gap: 105px;width: max-content;animation: scroll 80s linear infinite;}



/* Logo Section CSS ends */


/* Services Section CSS starts */
.home_our_services{padding: 40px 0; position: relative; z-index: 2;}
.home_our_services .head{position: relative; padding: 0 48px;  margin-bottom: 40px;}
.home_our_services .head h5{font-size: 10px; line-height: 140%; letter-spacing: 0.48em; font-family: "Space Grotesk", sans-serif; text-transform: uppercase; font-weight: 400; color: #1A1C1B; margin-bottom: 24px;}
.home_our_services_slide {margin:0}
.home_our_services_slide{position: relative;}
.single_service_h{position: relative; display: block; overflow: hidden; cursor: pointer; height: 100%; min-height: 320px; border: 1px solid rgba(26, 28, 28, 0.08); background: #f3f3f3; -webkit-transform: translateZ(0); transform: translateZ(0);}
.single_service_h .overlay{position: absolute; inset: 0; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.8) 72%, rgba(255,255,255,0.96) 100%); opacity: 1; -webkit-transition: background-color 0.3s ease, transform 0.3s ease; -o-transition: background-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease; pointer-events: none;}
.single_service_h .overlay .headline{font-size:9px;color:#777777; letter-spacing:2.5px; font-family: "Space Grotesk", sans-serif; margin-bottom: 2px;  text-transform: uppercase; font-weight: 400; line-height:13.5px; }
.single_service_h .overlay h4{margin: 0;font-family: "Newsreader", serif; font-weight: 400; font-style: italic; font-size:24px; color: #1A1C1C; line-height:32px; }
.single_service_h .overlay h4 a{text-decoration: none;color: #1A1C1C; transition: 0.3s ease all;} 
.single_service_h:hover .overlay, .single_service_h:focus-visible .overlay{ background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.74) 100%);}
.single_service_h:hover .overlay .headline, .single_service_h:focus-visible .overlay .headline{color:#fff;}
.single_service_h:hover .overlay h4, .single_service_h:focus-visible .overlay h4{color:#fff; text-decoration: underline; text-underline-offset: 9px;}
.single_service_h img{width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; mix-blend-mode: multiply; -webkit-transform: translateZ(0); transform: translateZ(0); transition: transform 0.35s ease, filter 0.35s ease;}
.single_service_h:hover img, .single_service_h:focus-visible img{transform: scale(1.03);}
.home_our_services_slide .slick-track{display: flex; }

.home_our_services_slide .item{height: 100%; }
.home_our_services_slide .slick-slide{display: flex; height: auto;}
/* Service Section CSS ends */


/* featured_editorial_wrap CSS starts */
.featured_editorial_wrap{padding: 111px 0 97px; }
.featured_editorial_row{display: flex; align-items:center; justify-content: space-between;  flex-wrap: wrap;}
.featured_editorial_img{background: #eee; width:57.3%; position: relative;}
.featured_editorial_img::before{content:"";position:absolute;top:32px;left: 32px; width: calc(100% - 64px); height: calc(100% - 64px); z-index: 1; border:1px solid rgba(255, 255, 255, 20%);}
.featured_editorial_img img{width: 100%; opacity: 80%; height: auto; display: block; mix-blend-mode: multiply;}
.featured_editorial_content{border-bottom: 1px solid #C6C6C6; padding-bottom: 22px; width: 31.65%; }
.featured_editorial_content h5{color:#DD2F33; font-size: 10px; line-height: 140%; letter-spacing: 0.48em; font-family: "Space Grotesk", sans-serif; text-transform: uppercase; font-weight: 400; margin-bottom: 22px;}
.featured_editorial_content h2{color:#1A1C1B; font-size: 55px; line-height: 120%; letter-spacing: -0.06em; font-family: "Newsreader", serif; font-weight: 400; font-style: italic; margin-bottom: 0;}
.featured_editorial_content P{color:#5E5E5E; font-size: 14px; line-height: 200%; font-family:'work Sans', sans-serif; font-weight: 400; margin-bottom: 48px;}

/* featured_editorial_wrap CSS ends */


/* portfoli css start*/
.portfolio{ padding:60px 0 80px; background: #F3F3F3; position: relative; z-index: 2;}

.section-title{ text-align:center; margin-bottom:36px;}

.section-title span{font-size:24px; color: #1A1C1B; border-bottom: 1px solid #1A1C1B; line-height: 140%; text-transform:uppercase; letter-spacing:0.24em; display:inline-block; position:relative;}


.portfolio-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:40px;}
.portfolio-card{border:1px solid #c6c6c6; background:#F9F9F9; padding:40px; padding-bottom: 30px; text-align:center; position:relative; filter:grayscale(100%)}
.portfolio-card:hover{filter:grayscale(0%);}
.project-number{display:block;text-align:left;font-size:9px; line-height: 140%;letter-spacing:4.32px;color:#777;margin-bottom:48px;}
.portfolio-img{max-width:256px; min-height: 320px; display: flex;align-items: center; justify-content: center;  width: 100%;margin:auto; background: #f9f9f9;padding:16px; box-shadow:0 20px 40px rgba(0,0,0,.08);}
.portfolio-img img{
  width: 100%;
  display: block;
  filter: grayscale(100%);
  transition: filter 0.4s ease;
}
.portfolio_content_wrap h2, .portfolio_content_wrap h3{font-family: "Newsreader", serif; font-style: italic; font-weight: 400; line-height: 130%; color:#1A1C1B; margin-bottom: 7px;}

.portfolio_content_wrap a{color:#FF4848; text-decoration:underline;}

.portfolio-card:hover{
    cursor:pointer;
}

.portfolio-card:hover .portfolio-img img {
  filter: grayscale(0%);
}

/* .port_featured_img img {
  filter: grayscale(100%);
  transition: filter 0.4s ease;
}

.port_featured_img:hover img {
  filter: grayscale(0%);
} */

.portfolio-card h3{ margin:32px 0 7px; font-size:36px;font-style:italic;font-weight:400; line-height: 130%;}

.portfolio-card p{max-width:400px;margin:auto; text-transform: uppercase;color:#474747; font-size:12px;line-height:200%; margin-bottom: 48px;}
body.portfoliob::before{display:none;}

/* Footer css start */
.footer_wrap{padding: 56px 0 10px; background:#F3F3F3 ; border-top: 1px solid #D4D4D4;}
.footer_row{display: grid; grid-template-columns: repeat(3,1fr); justify-content: space-between; gap: 48px;}
.footer_logo .f-logo{max-width: 134px; display: block; margin-bottom: 30px;}
.footer_logo img{width: 100%; display: block;}
.footer_logo p{font-size: 10px; letter-spacing: 3px; color: #A3A3A3; margin: 0; font-family: "Space Grotesk", sans-serif;}
.footer_links_r{display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px;}
.footer_links_r ul{list-style: none; padding: 0; min-height: 118px; margin: 0;display: flex;flex-direction: column; gap: 16px;}
.footer_links_r ul li{font-size: 10px; letter-spacing: 3px; text-transform: uppercase; line-height: 130%; color: #A3A3A3;}
.footer_links_r ul li a{text-decoration: none; color: currentColor; transition: 0.5s ease all;}
.footer_links_r ul li a:hover{color: #1A1C1B;}
.made_by_coura{text-align: center; font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 130%;
    color: #A3A3A3;}

/*footer css end*/

.scroll-indicator{position: fixed; /* or absolute */ left: 15px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px; z-index: 3;}
.scroll-indicator span{writing-mode: vertical-rl; transform: rotate(180deg); color: #FF4848;font-size: 14px; letter-spacing: 0.9px;text-transform: uppercase;}


/* About banner css Start*/
.about_banner{text-align: center; padding-top: 74px; padding-bottom: 133px;}
.about_banner h1{ line-height: 120%; font-style: italic; letter-spacing: -0.06em; margin-bottom: 7px;}
.about_banner p{max-width: 672px; font-size: 16px; line-height: 200%; margin: 0 auto; color: #474747;}

.about_coura{padding: 128px 0; background: #f3f3f3;}
.about_coura_row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.about_coura_img { width: 46%; position: relative;}
.about_coura_img::before{content: ""; width: 100%; height: 100%; border: 1px solid rgba(198, 198, 198, 30%); background: #fff; top: -48px; z-index: 1; left: -38px; position: absolute; -webkit-box-shadow: 0px 12px 32px 0px rgba(26,28,28,0.04); 
box-shadow: 0px 12px 32px 0px rgba(26,28,28,0.04);}
.about_coura_img .frame{ padding: 16px; padding-bottom: 28px; position: relative; z-index: 2; border: 1px solid #c6c6c6; background: #fff;}
.about_coura_img .image-label {left: auto; right: -24px; z-index: 2;}
.about_coura_content{width: 46%;}
.about_coura_content h6{font-size: 10px; color: #FF4848; line-height: 130%; text-transform: uppercase; letter-spacing: 2.4px; margin-bottom: 15px;}
.about_coura_content h2{font-size: 48px; line-height: 120%; color: #1A1C1c; border-bottom: 1px solid rgba(198, 198, 198, 30%); margin-bottom: 48px;}
.about_coura_content p{font-size: 16px; color: #474747; line-height: 200%;}
.about_coura_content p:last-of-type{margin-bottom: 48px;}
.about_coura_content .btn{margin-top: 9px;}

.founder_wrap{padding: 39px 0 0;}
.founder_head{text-align: center; margin-bottom: 30px;}
.founder_head h2{font-size: 48px; margin-bottom: 5px; color: #1A1C1C; line-height: 120%; font-style: italic;}
.founder_head h6{font-size: 10px; color: #777; text-transform: uppercase; letter-spacing: 4.8px; margin: 0; line-height: 140%;}
.founder_img{max-width: 447px; margin: 0 auto; display: block;}
.founder_img img{width: 100%; display: block;}
.founder_content{max-width: 933px; margin: 49px auto 0;}
.founder_content::before{content: ""; width: 152px; height: 1px; margin: 0 auto 45px; display: block; background: #C6C6C6;}
.founder_content p{font-size: 18px; line-height: 200%; color: #5D5E61; margin-bottom: 35px;}
.founder_content p:last-of-type{margin-bottom: 0;}

.testimonial-section{padding: 64px 0;}
.testimonial-slider {background: #fff; margin: 0; border: 1px solid #000;}
.testimonial-slider .slide{ display:flex !important; align-items:center; justify-content:center; min-height:369px; padding: 40px;}
.testimonial-content{ max-width:746px;margin:auto;}
.testimonial-content h2{ font-family:"Newsreader", serif; font-size:36px;  font-style:italic;line-height:130%; letter-spacing: -2px;color:#1A1C1C; margin-bottom:0;}
.testimonial-content span{  font-size:10px; letter-spacing:1px; line-height: 130%;color:#777;}
.testimonial-slider .small-icon.slick-arrow.slick-prev{left: 30px;}
.testimonial-slider .small-icon.slick-arrow.slick-next{right: 30px;}
.testimonial-section .slick-dots{position: absolute; bottom: -40px; margin-top: 0; margin-bottom: 0;}

.values-section{padding:48px 0px; border-top: 1px solid #C6C6C6; }
.grid-wrap{display:grid; grid-template-columns:repeat(3,1fr);  gap:4px;}
.values-card{ background:#fff;padding:48px; padding-top: 60px; border: 1px solid #c6c6c6;}
.values-card .label{ display:block; margin-bottom:4px; font-size:10px; line-height: 140%;letter-spacing:4.8px; color:#FF4848; text-transform:uppercase;}
.values-card p{ font-size:14px;line-height:160%; color:#1A1C1C; margin: 0;}
.values-highlight{ grid-column:1 / span 2; border: 1px solid #c6c6c6; background:#1A1C1C;color:#fff;display:flex;align-items:center;gap:48px; padding: 48px;}
.values-highlight .ratio{font-family:"Newsreader", serif;  font-size:48px; line-height: 1; letter-spacing: -2.4px;font-style:italic; white-space:nowrap;}
.values-highlight .content{  max-width:548px; margin: 0; opacity: 60%; color: #fff;font-size:14px; line-height:1.6;}


/* service page css*/

.service_banner{padding: 54px 0; position: relative;}
.service_banner .container::before{content: ""; width: 670px; height: 149px; background: url(../img/service-brushstroke.png) no-repeat center; background-size: cover; position: absolute; top: 33%;left: 12%; }
.service_banner .container{position: relative; }
.service_banner h6{font-size: 10px; color: #5E5E5E; position: relative; z-index: 2; text-transform: uppercase; line-height: 140%; letter-spacing: 4.8px; margin-bottom: 55px;}
.service_banner h1{font-size: 128px; line-height: 120%; position: relative; z-index: 2; letter-spacing: -0.06em; font-style: italic;margin: 0;}
.service_banner p{max-width: 430px; margin-left: auto; position: relative; z-index: 2; text-align: right; font-size: 14px; margin-top: -42px; line-height: 160%; color: #474747;}

.commitment_wrap{padding: 48px 0; text-align: center;}
.commitment_wrap h6{font-size: 10px; color: #5E5E5E; position: relative; z-index: 2; text-transform: uppercase; line-height: 140%; letter-spacing: 4.8px; margin-bottom: 48px;}
.commitment_wrap h2::before{content: ""; margin: 0 auto 21px; background: #c6c6c6; max-width: 381px; width: 100%; height: 0.5px; display: block;}
.commitment_wrap h2{font-size: 72px; line-height: 120%; font-style: italic; color: #000;}
.commitment_wrap h2 span{color: #FF4848; display: block;}


.services_wrap{padding: 40px 0 48px; position: relative; z-index: 3;}

.services_row{ display:grid; grid-template-columns:repeat(3,1fr); position: relative;}

.service-item{border-right:1px solid #C6C6C6;border-top:1px solid #C6C6C6;}
.service-item:nth-child(-n+3){ border-top:none;}

.service-item:nth-child(3n){border-right:none;}
.service-item>a{display:block;text-decoration:none;color:#000;padding:48px;}

.service-img{ overflow:hidden;}
.service-img img{ width:100%;display:block;aspect-ratio:4/5; object-fit:cover; transition:.6s;}
.service-content{margin-top:40px;}

.service-content h3{font-size:36px;line-height:120%;font-style:italic;font-weight:400;margin-bottom:0;}

.service-content span{font-size: 10px; color: #5E5E5E;  text-transform: uppercase; line-height: 140%; letter-spacing: 2.44px;}

/* Hover */

.service-item:hover img{ transform:scale(1.08);}

.service-item:hover h3{ color:#ff5a5f;}


/* .service-info {display: none; min-height: 571px; border: 1px solid #c6c6c6; background: #f8f8f8; position: absolute;
    left: 0;
    top: 0;
    width:100%;
    z-index:9;
} */


.service-info {
  display: none;
  min-height: 571px;
  border: 1px solid #c6c6c6;
  background: #f8f8f8;
    position: relative;
  width: min(1186px, 90vw);
  max-height: 90vh;
  overflow-y: auto;
}

.service-info--open {
    display: flex;
}



    
/* .service-modal-backdrop{display:none;} */
.service-left {padding: 40px; border-right: 1px solid #C6C6C6; width: 34.2%; background: #fff; display: flex; flex-direction: column; justify-content: space-between; gap: 25px;}
.service-right {padding: 40px; width: 65.8%; padding-bottom: 56px; display: flex; flex-direction: column; justify-content: space-between;}
.service-left .count{font-size: 10px; line-height: 15px; letter-spacing: 1px; color: #474747; display: block; margin-bottom: 30px;}
.service-left .count::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background: #FF4848;margin-right: 10px; display: inline-block; vertical-align: unset; }
.service-left h2{font-size: 36px; font-style: italic; line-height: 1.1; margin-bottom: 19px;}
.service-left p{font-size: 14px; line-height: 1.62; color: #474747;margin-bottom:15px;}
.service-right h5{font-size: 12px; text-transform: uppercase; letter-spacing: 2px; line-height: 15px;color: #1A1C1C; margin-bottom: 25px;}
.service-right p{font-size: 14px; line-height: 20px;color: #474747; margin-bottom: 20px;}
.service-right .bottom{display:grid; grid-template-columns:1fr 1fr;gap:46px; margin-top:54px;}
.service-right .bottom .btn{padding: 16px;}
.service-right .bottom p{line-height: 22.8px;}
.service-left .service-left-bottom p{font-size: 12px; font-style: italic; line-height: 22.8px;}
.service-left .service-left-bottom small{text-transform: uppercase; font-size: 10px; color: #5E5E5E; letter-spacing: 1px;}
.service-right .top p{max-width: 663px;}
.service-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.service-modal {
  position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  background: rgba(0, 0, 0, 0.5); 
    z-index: 9998;
}

/* Portfolio / Case Studies page */
.service_banner.portfolio_banner .container::before{display:none;}
.service_banner.portfolio_banner{padding:54px 0px 0px;}
.portfolio_row{border-bottom:1px solid rgba(93, 94, 97,30%); padding-bottom:18px;}
.case_wrap{padding:96px 0px;}
.case_featured{display:grid; grid-template-columns: 1fr 240px; gap:100px; margin-bottom: 100px; align-items:flex-end;}

.case-frame{position:relative; background:#fff; padding:20px; display:flex; align-items:center; justify-content:center; min-height: 360px;}
.case-frame img{max-width: 100%; display:block;}
.case-frame .ref{position:absolute; top: 24px; right: 24px; font-size:14px; color:rgb(195 204 199 / 60%); letter-spacing:1px; text-transform: uppercase;}
.case-corner{position:absolute; width: 32px; height: 32px; border-color:#7C7D7D !important; transition: 0.3s ease all;}
.case_card .case-corner{width: 16px; height:16px;}
.case-corner.tl{top:0px; left:0px; border-top:2px solid; border-left:2px solid;}
.case-corner.tr{top:0px; right:0px; border-top:2px solid; border-right:2px solid;}
.case-corner.bl{bottom:0px; left:0px; border-bottom:2px solid; border-left:2px solid;}
.case-corner.br{bottom:0px; right: 0px; border-bottom:2px solid; border-right:2px solid;}
.case-frame:hover .case-corner.tl{top:8px; left:8px;}
.case-frame:hover .case-corner.tr{top:8px; right:8px;}
.case-frame:hover .case-corner.bl{bottom:8px; left:8px;}
.case-frame:hover .case-corner.br{bottom:8px; right:8px;}

.case-frame.gray img{filter: grayscale(100%); transition: 0.3s ease filter;}
.case-frame.gray:hover img{filter: grayscale(0%);}

.case_info{border:1px solid rgba(93, 94, 97, 30%);; padding: 32px; display:flex; flex-direction:column; margin-bottom:75.41px;}
.case_info h4{font-style: italic; font-size:16px; margin: 0 0 14px; line-height:20px;}
.case_info p{font-size: 14px; line-height:17px; color: #474747; margin: 0;}
.case_info .date{margin-top:24px; padding-top:14px; border-top: 1px solid rgba(93, 94, 97, 0.1); font-size:9px; color:#5D5E61; text-align: right;}
.case_card .case_meta h3{font-size:20px;}
.case_meta{display:flex; align-items:flex-end; justify-content:space-between; padding-top: 16px;}
.case_meta .num{display:block; font-size: 10px; color: #777; letter-spacing: 4.32px; margin-bottom: 4px;}
.case_meta h3{font-style: italic; font-size: 30px; margin: 0;}
.case_meta .btn-link{color: #B90D1E;}
.case_meta .btn-link::before{display:none;}

.case_grid{display:grid; grid-template-columns: repeat(3,1fr); gap: 50px;}
.case_card .case-frame{padding: 40px;}

.case_more{text-align:center; margin-top:75px;}

.cta_wrap{padding-bottom:96px; text-align:center;}
.cta_wrap .container{border-top: 1px solid #c6c6c6; padding-top:96px;}
.cta_wrap .eyebrow{display:block; font-size: 10px; color: #5E5E5E; text-transform: uppercase; letter-spacing: 4.8px; margin-bottom: 24px;}
.cta_wrap h2{font-size:72px; font-style: italic; margin: 0 0 20px;}
.cta_wrap h2 span{color: #FF4848;}
.cta_wrap p{max-width:772px; margin: 0 auto 45px; color:#5D5E61; font-size: 15px; line-height:160%;}


.about_banner.single_portfolio{text-align: left; padding-bottom:20px; padding-top:50px;}
.about_banner.single_portfolio h1{font-size:48px; max-width:835px; margin-bottom:18px;}
.wp-block-heading strong{font-weight:400;}
.single_portfolio h6{font-size: 10px;
    color: #5E5E5E;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    line-height: 140%;
    letter-spacing: 4.8px;
    margin-bottom: 16px;
}
.about_banner.single_portfolio p{margin:0;}

.portfolio_detail_hero{
    display:grid;
    gap: 40px;
    align-items:center;
    padding: 12px 0 12px;
}
.portfolio_detail_hero.has-media{
    /* grid-template-columns: minmax(0, 1.2fr) minmax(280px, 360px); */
    grid-template-columns: minmax(0, 1fr) 280px
}
.portfolio_detail_copy{max-width: 100%;}
.portfolio_detail_eyebrow{
    display:inline-flex;
    align-items:center;
    margin-bottom: 16px;
    padding: 8px 12px;
    border: 1px solid rgba(93, 94, 97, 0.25);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #5D5E61;
    background: rgba(255,255,255,0.75);
}
.portfolio_detail_media{display:flex; justify-content:flex-end;}
.portfolio_detail_frame{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 24px;
    border: 1px solid rgba(93, 94, 97, 0.18);
    border-radius: 24px;
    background: linear-gradient(135deg, #fbfbfb 0%, #f2f2f2 100%);
    box-shadow: 0 10px 35px rgba(3, 2, 19, 0.05);
}
.portfolio_detail_frame img{
    display:block;
    max-width:100%;
    max-height: 320px;
    width:auto;
    object-fit:contain;
}

.portfolio_content_wrap{padding: 0px 0 24px;}
.portfolio_content_shell{
    display:grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 40px;
    align-items:start;
}
.portfolio_content_row {
    padding: 34px 36px;
    border: 1px solid rgba(93, 94, 97, 0.16);
    border-radius: 24px;
    background: linear-gradient(180deg, #fff 0%, #fcfcfc 100%);
    box-shadow: 0 8px 24px rgba(3, 2, 19, 0.04);
}
.portfolio_content_row > :first-child{margin-top:0;}
.portfolio_content_row blockquote{
    border-left: 3px solid #B90D1E;
    margin: 0 0 24px;
    padding: 8px 0 8px 20px;
    font-size:15px;
    line-height: 180%;
    color: #030213;
    font-weight: 600;
    max-width:981px;
}

.portfolio_content_row p{
    color:#5C5C5C;
    font-weight: 500;
    line-height:180%;
    font-size:16px;
    margin-bottom:18px;
}

.portfolio_content_row h3{
    font-style: italic;
    font-size:21px;
    color:#030213;
    font-weight: 600;
    margin: 28px 0 12px;
}
.portfolio_content_row img{
    display:block;
    border-radius: 18px;
    margin: 20px 0;
    max-width:100%;
}
.portfolio_sidebar{position:sticky; top:110px;}
.portfolio_sidebar_card{
    padding: 24px;
    border: 1px solid rgba(93, 94, 97, 0.16);
    border-radius: 20px;
    background: #fcfcfc;
    box-shadow: 0 8px 24px rgba(3, 2, 19, 0.04);
}
.portfolio_sidebar_card h3{
    margin: 0 0 16px;
    font-size: 16px;
    font-style: italic;
    color:#030213;
}
.portfolio_sidebar_item{padding: 12px 0; border-top: 1px solid rgba(93, 94, 97, 0.12);}
.portfolio_sidebar_item:first-of-type{border-top:0; padding-top:0;}
.portfolio_sidebar_item span{display:block; margin-bottom:6px; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#7A7A7A;}
.portfolio_sidebar_item strong{font-size:14px; line-height:1.6; color:#242424; font-weight:600;}
.portfolio_sidebar_tags{display:flex; flex-wrap:wrap; gap:8px;}
.portfolio_sidebar_tags span{
    display:inline-flex;
    padding: 7px 10px;
    border-radius:999px;
    background:#f2f2f2;
    font-size:11px;
    color:#5D5E61;
}
.load_more_button{text-align: center; padding:40px 0px 0px;}



.blog-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(93, 94, 97, 30%);
}

.blog-date span {
    font-size: 14px;
    color:#717182;
}

.blog-tags {
    display: flex;
    gap: 12px;
}

.blog-tags .tag {
    display: inline-block;
    padding: 8px 16px;
    border:1px solid rgba(93, 94, 97, 30%);
    text-decoration: none;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    color:#717182;
    text-transform: uppercase;
    transition: 0.3s;
}

.blog-tags .tag:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

body.single_portfolio_body::before{display:none;}

@media (max-width: 1216px){
.hero-section::before, .corner-box::before{left: 16px;}
.hero-section::after, .corner-box::after{right: 16px;}
.home_our_services .head{padding: 0 16px;}
.featured_editorial_content{width: 35.65%;}
.portfolio_content_shell{grid-template-columns: minmax(0, 1fr);}
.portfolio_sidebar{position:static; margin-top:24px;}

}
@media (max-width: 1080px){
 .header_nav ul{gap: 30px;}

}

@media (max-width: 992px){
 .menu-btn{display: block;}
 .header_wrap{padding: 24px 0;}
 nav.header_nav {position: fixed; left: -100%; transition: 0.5s ease all; overflow-y: auto; background: #f9f9f9; height: 100vh; top: 0;  padding: 30px;max-width: 280px;width: 100%; z-index: 8;}
.header_nav ul { flex-direction: column; align-items: flex-start; gap: 20px;}
.open-menu  nav.header_nav{left: 0;}
.hero-content h1{font-size: 60px;}
.testimonial-slider .small-icon.slick-arrow.slick-prev {
    left: 15px;
}
.testimonial-slider .small-icon.slick-arrow.slick-next {
    right: 15px;
}
.grid-wrap {grid-auto-rows: auto;}
.service-item>a{padding: 30px;}
.case_banner h1{font-size: 64px;}

.case_featured{gap:50px;}
.case_grid{gap:20px;}
}


@media (max-width: 767px){
.made_by_coura{padding-top:50px;}
  .hero-section{padding: 60px 0;}
.hero-grid{flex-wrap: wrap; gap: 30px;}
.hero-content{width: 100%;}
.hero-image{width: 100%;}
.image-label{left: -15px;}
.hero-content h1{font-size: 45px;}
.portfolio_detail_hero.has-media{grid-template-columns:1fr;}
.portfolio_detail_copy{max-width:none;}
.portfolio_detail_frame{padding:16px;}
.portfolio_content_row{padding:24px 20px;}
.portfolio_content_row p{font-size:15px;}
.blog-meta{flex-direction:column; align-items:flex-start; gap:16px;}
.blog-tags{flex-wrap:wrap;}
.hero-content .sub-title{font-size: 12px;}
.hero-content .sub-title::before{width: 20px;}
.hero-content p{font-size: 16px; margin-bottom: 23px;}
.hero-grid::before{width: 363px; height: 271px; left: auto; right: 0; top: -5%; }
.corner-box{bottom: 16px;}
.hero-btns .btn { min-width: 210px;}

.marquee{margin: 46px 0 50px;}
.logo_wrap h2{font-size: 25px;}

.portfolio{padding: 40px 0 60px;}
.section-title span{font-size: 22px;}
.portfolio-grid { display: grid;grid-template-columns: repeat(1, 1fr); gap: 25px;}

.case_banner{padding-top: 40px;}
.case_banner .container{padding-bottom: 30px;}
.case_banner_row{flex-wrap: wrap; align-items: flex-start; gap: 20px;}
.case_banner h1{font-size: 42px;}
.case_banner p{text-align: left; max-width: 100%;}
.case_wrap{padding:60px 0px;}
.case-frame{padding: 30px; min-height: 220px;}
.case_info{margin-bottom:0px;}
.case_featured{grid-template-columns: 1fr; }
.case_grid{grid-template-columns: repeat(2,1fr);}
.case_featured{gap: 20px;}
.case_featured{margin-bottom:60px;}
.case_grid{grid-template-columns: repeat(1,1fr); gap: 25px;}
.cta_wrap{padding-bottom: 60px;}
.cta_wrap .container{padding-top: 60px;}
.cta_wrap h2{font-size: 55px;}

.featured_editorial_wrap{padding: 55px 0 48px;}
.featured_editorial_img{width: 100%;}
.featured_editorial_content{width: 100%;}
.featured_editorial_content h2{font-size: 45px;}
.featured_editorial_content P{margin-bottom: 24px;}
.featured_editorial_row{gap: 25px;}


.footer_row {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: space-between;
    gap: 48px;
}
.footer_links_r ul{min-height: inherit;}


.about_banner{padding: 37px 0 66px;}
.about_banner h1{font-size: 60px;}

.about_coura{padding: 64px 0;}
.about_coura_row{gap: 30px;}
.about_coura_img{width: 100%;}
.about_coura_content{width: 100%;}
.about_coura_img .image-label{right: -15px;}
.about_coura_content h2{font-size: 40px; margin-bottom: 30px;}
.about_coura_content p:last-of-type{margin-bottom: 25px;}
.founder_head h2{font-size: 40px;}
.founder_content p{font-size: 16px;}
.testimonial-content h2{font-size: 30px;}
.testimonial-slider .slide{min-height: 300px; padding: 30px 15px;}


.grid-wrap { grid-template-columns: repeat(1, 1fr);}
.values-highlight {grid-column: 1; gap:24px; padding: 48px 30px;}
.values-card{padding: 30px;}

.services_row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
}

    .service-item:nth-child(3n) {
    border-right: 1px solid #c6c6c6;
}
    .service-item:nth-child(3n){border-top: 1px solid #c6c6c6;}
 .service-item:nth-child(-n+2){
        border-top:none;
    }

    .service-item:nth-child(2n){
        border-right:none;
    }
    .service-content{margin-top: 25px;}
    .service-item>a{padding: 20px 15px;}
    .service-content h3{font-size: 30px;}
    .service-info{flex-wrap: wrap;}
    .service-left{width: 100%; padding: 20px; border-right: none; border-bottom: 1px solid #c6c6c6;}
    .service-right{width: 100%; padding: 20px;}
    .service-left h2{font-size: 30px;}
    .commitment_wrap h2{font-size: 55px;}
    .commitment_wrap h2::before{max-width: 250px;}
    .service_banner h1{font-size: 96px;}
    .service_banner p{margin-top: 0;}
    .service_banner .container::before{width: 335px; height: 74.5px;}

    .home_our_services_slide .small-icon.slick-arrow{
        z-index: 30;
        pointer-events: auto;
        touch-action: manipulation;
    }
    .home_our_services_slide .slick-list{
        position: relative;
        z-index: 1;
    }

    .service-info{
        width: min(94vw, 1186px);
        max-height: calc(100vh - 32px);
        overflow: auto;
    }

    .service-modal{
        padding: 16px 0;
        align-items: flex-start;
    }



    .service-close{
        display:flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        top:15px;
        right:15px;
        width:40px;
        height:40px;
        border:none;
        border-radius:50%;
        background:#f8f8f8;
        color:#1A1C1C; border: 1px solid #C6C6C6;
        font-size:24px;
        line-height:1;
        cursor:pointer;
        z-index:10000;
    }
}


@media (max-width: 640px){
.service-right .bottom {
    display: grid;
    grid-template-columns: 1fr ;
    gap: 24px;
    margin-top: 40px;
}
}






  


/* blog_listing CSS starts */
.blog_featured_wrap{padding:25px 0 260px;}
.blog_featured{position:relative;}
.blog_featured_img{width: 66%; position:relative;}
.blog_featured_img::before{content:""; position:absolute; top:40px; left:40px; width: 100%; height: 100%; z-index:2; border:1px solid rgba(93, 94, 97, 30%);}
.blog_featured_img img{width:100%; height:443px; object-fit:cover; display:block; filter:grayscale(100%); position:relative; z-index:1;}
.blog_featured_content{position:absolute; top:40%; right:0; width:52%; padding: 64px; background: rgba(255, 255, 255, 0.8); z-index:2; backdrop-filter: blur(12px); box-shadow: 0 12px 32px rgba(26, 28, 28, 0.04);}
.blog_featured_content .date{display:block; font-size:10px; color:#7D000F; letter-spacing:3.6px; text-transform:uppercase; margin-bottom:24px; line-height:140%;}
.blog_featured_content h2{font-size:64px; font-style:italic; line-height:120%; margin-bottom:0px; letter-spacing:-6%;}
.blog_featured_content h2 a{color:#1A1C1C;}
.blog_featured_content h2 a:hover{color:#ff5a5f;}
.blog_featured_content p{font-size:14px; color:#474747; line-height:160%; max-width:360px; margin-left:auto; margin-bottom:32px;}
.blog_featured_content .btn-link{display:inline-flex; align-items:center; gap:24px; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#1A1C1C;}
.blog_featured_content .btn-link::before{display:none;}
.blog_featured_content .btn-link:hover{color:#ff5a5f;}
.blog_featured_content .btn-link:hover svg path{fill:#ff5a5f;}

.blog_listing_wrap{padding: 90px 0 30px;}
.blog_listing_head{display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(93, 94, 97, 30%); padding-bottom:33px; margin-bottom:64px;}
.blog_listing_head h6{font-size:10px; letter-spacing:4.8px; text-transform:uppercase; color:#1A1C1C; margin:0;}
.blog_listing_filter{display:flex; align-items:center; gap:32px;}
.blog_listing_filter a{font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#5D5E61; display:inline-flex; align-items:center;}
.blog_listing_filter a.active, .blog_listing_filter a:hover{color:#1A1C1C; text-decoration:underline; text-underline-offset: 4px;}

.blog_grid{display:grid; grid-template-columns: repeat(3,1fr); gap:50px;}
.blog_card_img{width:100%; aspect-ratio: 4/5; overflow:hidden; margin-bottom:36px;}
.blog_card_img img{width:100%; height:100%; object-fit:cover; display:block; filter:grayscale(100%); transition:0.5s ease transform;}
.blog_card:hover .blog_card_img img{transform:scale(1.05);}
.blog_card .date{display:block; text-align:right; font-size:10px; color:#777777; text-transform:uppercase; letter-spacing:2px; margin-bottom:20px;}
.blog_card h3{font-size:30px; font-style:italic; margin-bottom:5px; -webkit-line-clamp: 2; display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.blog_card h3 a{color:#1A1C1C;}
.blog_card h3 a:hover{color:#ff5a5f;}
.blog_card p{font-size:14px; color:#474747; line-height:160%; padding-bottom:15px; border-bottom:1px solid rgba(93, 94, 97, 20%); margin-bottom:0;}

.newsletter_wrap{padding-bottom:40px;}
.newsletter_wrap .container{padding:96px 0; background:#F3F3F3; text-align:center;}
.newsletter_wrap .eyebrow{display:block; font-size:10px; color:#FF4848; text-transform:uppercase; letter-spacing:4.8px; margin-bottom:32px; line-height:140%;}
.newsletter_wrap h2{font-size:48px; font-style:italic; line-height:120%; margin-bottom:48px;}
.newsletter_form{display:flex; flex-direction:column; align-items:center; max-width:600px; margin:0 auto; gap:24px;}
.newsletter_form input{width:100%; border:1px solid #777777; background:#FFFFFF66; padding:0 20px; height:41px; font-size:10px; letter-spacing:1px; text-transform:uppercase; text-align:center; font-family:"Space Grotesk", sans-serif; color:#1A1C1C;}
.newsletter_form input::placeholder{color:#77777780;}
.blog_grid{padding-bottom:50px;}
h2.wp-block-heading{font-size:30px;}
.wp-block-list{list-style: disc;
    padding-left: 40px;}
.wp-block-list li{margin-bottom:16px; color:#767676; font-weight: 500; line-height:140%; font-size:16px;}

/* blog_listing CSS ends */


@media (max-width: 992px){
.blog_grid{grid-template-columns: repeat(2,1fr);}
.blog_featured_content{padding:36px; width:48%;}
.blog_featured_content h2{font-size:40px;}
.blog_featured_wrap{padding-bottom:100px;}
.blog_featured_content p{max-width:100%;}
}

@media (max-width: 767px){
.blog_featured_wrap{padding-bottom:0px;}
.blog_featured_img{width:100%;}
.blog_featured_img::before{top:16px; left:16px;}
.blog_featured_img img{height:320px;}
.blog_featured_content{position:relative; top:auto; right:auto; width:100%; margin-top:-60px; padding:30px;}
.blog_featured_content h2{font-size:32px;}
.blog_featured_content p{max-width:100%; margin-left:0;}
.blog_listing_wrap{padding:60px 0 0;}
.blog_listing_head{flex-wrap:wrap; gap:16px;}
.blog_grid{grid-template-columns: repeat(1,1fr); gap:30px;}
.load_more_button{padding:40px 0px;}
.newsletter_wrap .container{padding:60px 16px;}
.newsletter_wrap h2{font-size:32px;}
.newsletter_form{flex-wrap:wrap;}
.newsletter_form .btn{width:100%;}
.blog_card{padding:0 15px;}
.newsletter_wrap{padding-bottom:0px;}

}