/*
Theme Name: Roark Creative
Theme URI: #
Author: Virgin Workz
Version: 1.0
*/

*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth; overflow-x:hidden; }
body{ margin:0px; padding:0px;background:#fff; font-family:var(--bodyfont); overflow-x:hidden; }
p{ margin:0px; padding:0px; }

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition:all .5s}
a:hover, a:focus, a:active{ transition:all .5s }
a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
img { max-width: 100%; height: auto;}
strong{font-weight:bold;}
button,input,select,option,textarea {outline: 0 !important;pointer-events:all;font-family:inherit;font-size:100%;}


/* CUstom Fonts */

@font-face {
  font-family: 'MillerDisplay';
  src: url('assets/fonts/MillerDisplay-Bold.eot');
  src: url('assets/fonts/MillerDisplay-Bold.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/MillerDisplay-Bold.woff2') format('woff2'),
      url('assets/fonts/MillerDisplay-Bold.woff') format('woff'),
      url('assets/fonts/MillerDisplay-Bold.ttf') format('truetype'),
      url('assets/fonts/MillerDisplay-Bold.svg#MillerDisplay-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MillerDisplay';
  src: url('assets/fonts/MillerDisplay-Light.eot');
  src: url('assets/fonts/MillerDisplay-Light.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/MillerDisplay-Light.woff2') format('woff2'),
      url('assets/fonts/MillerDisplay-Light.woff') format('woff'),
      url('assets/fonts/MillerDisplay-Light.ttf') format('truetype'),
      url('assets/fonts/MillerDisplay-Light.svg#MillerDisplay-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MillerDisplay';
  src: url('assets/fonts/MillerDisplay-Roman.eot');
  src: url('assets/fonts/MillerDisplay-Roman.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/MillerDisplay-Roman.woff2') format('woff2'),
      url('assets/fonts/MillerDisplay-Roman.woff') format('woff'),
      url('assets/fonts/MillerDisplay-Roman.ttf') format('truetype'),
      url('assets/fonts/MillerDisplay-Roman.svg#MillerDisplay-Roman') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stunders';
  src: url('StundersPersonalUse.eot');
  src: url('assets/fonts/StundersPersonalUse.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/StundersPersonalUse.woff2') format('woff2'),
      url('assets/fonts/StundersPersonalUse.woff') format('woff'),
      url('assets/fonts/StundersPersonalUse.ttf') format('truetype'),
      url('assets/fonts/StundersPersonalUse.svg#StundersPersonalUse') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Book.eot');
  src: url('assets/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/Gotham-Book.woff2') format('woff2'),
      url('assets/fonts/Gotham-Book.woff') format('woff'),
      url('assets/fonts/Gotham-Book.ttf') format('truetype'),
      url('assets/fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Medium.eot');
  src: url('assets/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/Gotham-Medium.woff2') format('woff2'),
      url('assets/fonts/Gotham-Medium.woff') format('woff'),
      url('assets/fonts/Gotham-Medium.ttf') format('truetype'),
      url('assets/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Thin.eot');
  src: url('assets/fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/Gotham-Thin.woff2') format('woff2'),
      url('assets/fonts/Gotham-Thin.woff') format('woff'),
      url('assets/fonts/Gotham-Thin.ttf') format('truetype'),
      url('assets/fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-XLight.eot');
  src: url('assets/fonts/Gotham-XLight.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/Gotham-XLight.woff2') format('woff2'),
      url('assets/fonts/Gotham-XLight.woff') format('woff'),
      url('assets/fonts/Gotham-XLight.ttf') format('truetype'),
      url('assets/fonts/Gotham-XLight.svg#Gotham-XLight') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Bold.eot');
  src: url('assets/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/Gotham-Bold.woff2') format('woff2'),
      url('assets/fonts/Gotham-Bold.woff') format('woff'),
      url('assets/fonts/Gotham-Bold.ttf') format('truetype'),
      url('assets/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Light.eot');
  src: url('assets/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/Gotham-Light.woff2') format('woff2'),
      url('assets/fonts/Gotham-Light.woff') format('woff'),
      url('assets/fonts/Gotham-Light.ttf') format('truetype'),
      url('assets/fonts/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Black.eot');
  src: url('assets/fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/Gotham-Black.woff2') format('woff2'),
      url('assets/fonts/Gotham-Black.woff') format('woff'),
      url('assets/fonts/Gotham-Black.ttf') format('truetype'),
      url('assets/fonts/Gotham-Black.svg#Gotham-Black') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RingsideCompressed';
  src: url('assets/fonts/RingsideCompressed-Bold.eot');
  src: url('assets/fonts/RingsideCompressed-Bold.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/RingsideCompressed-Bold.woff2') format('woff2'),
      url('assets/fonts/RingsideCompressed-Bold.woff') format('woff'),
      url('assets/fonts/RingsideCompressed-Bold.ttf') format('truetype'),
      url('assets/fonts/RingsideCompressed-Bold.svg#RingsideCompressed-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RingsideCompressed';
  src: url('assets/fonts/RingsideCompressed-Book.eot');
  src: url('assets/fonts/RingsideCompressed-Book.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/RingsideCompressed-Book.woff2') format('woff2'),
      url('assets/fonts/RingsideCompressed-Book.woff') format('woff'),
      url('assets/fonts/RingsideCompressed-Book.ttf') format('truetype'),
      url('assets/fonts/RingsideCompressed-Book.svg#RingsideCompressed-Book') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}





/*variables--*/

:root{
  --fs-101:101px;
  --fs-164:164px;
  --fs-80:80px;
  --fs-48:48px;
  --fs-42:42px;
  --fs-40:40px;
  --fs-32:32px;
  --fs-31:31px;
  --fs-30:30px;
  --fs-29:29px;
  --fs-28:28px;
  --fs-27:27px;
  --fs-26:26px;
  --fs-22:22px;
  --fs-21:21px; 
  --fs-20:20px; 
  --fs-18:18px;
  --fs-17:17px;
  --fs-16:16px;
  --fs-15:15px;
  --fs-14:14px;

  --main-clr:#2B3034;
  --secondary-color:#FBB040;
  --heading-font:"MillerDisplay", serif;
  --bodyfont:"Gotham", serif;
  --secondary-bodyfont:"Inter", serif;
  --secondary-font: "Stunders", serif;;
  --h1-font-color:#D6D0CB;
  --h5-font:"RingsideCompressed", serif;
  --banner-text-color:#AAAAAA;
  --darkbg:#F6F6F6;
  --footerText:#ACACAC

}

::-moz-selection { color: #fff; background:var(--main-clr);}
::selection { color: #fff; background: var(--secondary-color);}


body{ font-family:var(--bodyfont); color: var(--main-clr); font-size: var(--fs-20);}

h1{ margin: 0px; padding: 0px; font-weight:300; font-size:var(--fs-101); font-family: var(--heading-font); color: var(--h1-font-color); line-height: 1.16; padding:0 0 30px 0 }
h2{ margin: 0px; padding: 0px; font-weight:400; font-size:var(--fs-48); font-family: var(--heading-font); color: var(--main-clr); line-height: 1.16; padding:0 0 30px 0 }
h3{ margin: 0px; padding: 0px; font-family:var(--heading-font); font-weight:400; font-size:var(--fs-32); line-height: 1.1875; padding:45px 0 20px 0 }
h4{ margin: 0px; padding: 0px; font-family: var(--heading-font); font-weight: 400; font-size: var(--fs-31);}
h5{ margin: 0px; padding: 0px; font-weight:700; font-size:var(--fs-22);  font-family:var(--h5-font); color: var(--secondary-color); text-transform: uppercase; padding: 0 0 10px 0;}
h6{ margin: 0px; padding: 0px; font-weight:400; font-size:var(--fs-14); color: var(--secondary-color); letter-spacing: .8px; text-transform: uppercase; font-family:var(--bodyfont); padding: 0 0 30px 0}

h1 span{ font-family: var(--secondary-font); font-size: 166.67%;line-height:0.75 }
h1 span span{ color: var(--secondary-color);  font-family: var(--heading-font);font-size:60%; }

h2 > span{ font-family: var(--secondary-font); font-size: 166.67%;line-height: 0.75}
h2 span span{  color: var(--secondary-color);  font-family: var(--heading-font);font-size:60%;}

p{  font-family:var(--bodyfont); color: var(--main-clr); font-size: var(--fs-20);}
p + p{margin-top:25px}



.section{ padding: 110px 0;}

.btn-main{ display:inline-block; background:var(--main-clr); color:#fff; font-size:var(--fs-17); font-weight:400; padding:20px 45px; border:none; outline:none; cursor:pointer; letter-spacing:0.05rem  }
.btn-main:hover{ background:var(--secondary-color); }

.btn-group{ display: flex; gap: 8px; transition: all .5s;}
.btnText{ font-size: var(--fs-16); font-weight: 500; padding: 0 38px; line-height: 56px; color: #3C3C3C; border: 1.5px solid #A7A7A7; border-radius: 60px; font-family: var(--secondary-bodyfont); text-transform: uppercase; transition: all .5s;}
.btnIcon{ width: 56px; height: 56px; flex-shrink: 0; justify-content: center; align-items: center; background: var(--main-clr); display: flex; border-radius: 50%; transition: all .5s;}
.btn-group:hover .btnIcon{ transform: rotate(45deg); transition: all .5s;}
.btn-group:hover .btnText{ background: var(--secondary-color); color:#fff; transition: all .5s;}

.header .btnText{ color: #fff; border: 1.5px solid #fff;}
.header .btnIcon{ background-color: var(--secondary-color);}

.darkbg{ background-color: var(--darkbg);}
.text-color-gray,.text-color-gray > *{color:#aaaaaa;}


@media (min-width: 1700px) {
  .header .container {
    max-width: 1680px;
  }
  .clientLogo .container {
    max-width: 1680px;
  }
  .footer .container {
    max-width: 1680px;
  }
  .container{
    max-width: 1400px;
  }
}





/*Header*/

a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}

.mean-container a.meanmenu-reveal{ background:transparent;padding-left: 0;padding-right: 0;transition:none;}
.mean-container .mean-bar{ position:static; }
.mean-container .mean-nav{ position:absolute ; left:0; width:100%; z-index:9; top:70px; margin:0  }

.header{ border-bottom: 1px solid #3A4044; width: 100%; top: 0; left: 0;  position: absolute; }
.headerHolder{ display: flex; align-items: center; justify-content: space-between;}
.fixed-header{ position: fixed; width: 100%; top: 0; left: 0; background-color: var(--main-clr); z-index: 99;}
.fixed-header .navigation ul li a{ line-height: 75px;}
.fixed-header .logo{ width: 160px; transition: all .5s;}


.logo{ width: 230px;  transition: all .5s}
.navigation{ display: block;}
.navigation ul{ margin: 0; padding: 0; list-style: none;}
.navigation ul li{ float: none; display: inline-block; vertical-align: top;}
.navigation ul li a{ display: block; line-height: 135px; font-family: var(--secondary-bodyfont); font-size: var(--fs-16); font-weight: 400; text-transform: uppercase; letter-spacing: 0.3px; color: #fff; margin: 0 24px; position: relative;}
.navigation ul li a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 2px ; background: var(--secondary-color); width: 0%; transition: all .5s;}
.navigation ul li a:hover{ color: var(--secondary-color); }
.navigation ul li a:hover:after{ width: 100%; transition: all .5s;}
.navigation ul li.current-menu-item a{ color: var(--secondary-color); }
.navigation ul li.current-menu-item a:after{width: 100%; transition: all .5s; }

.banner{ background: url(assets/images/banner.jpg) no-repeat; background-size: cover; padding: 230px 0 130px 0;}
.bannerContent{ max-width: 1155px; margin: 0 auto;}

.bannerContent p{ color: var(--banner-text-color); font-size: var(--fs-42); line-height: 1.4; font-family: var(--heading-font); font-weight: 300; }
.bannerContent p span{ color: #fff;}
.midImage img{ width: 100%;}

.clientsLogoHolder{margin: 40px 0 80px 0}
.clientsLogoItem{padding:0 20px}
.clientsLogoItem img{margin: auto; display: block; height: 80px; object-fit: scale-down;object-position:bottom}
.center-btn-holder{ display: flex; justify-content: center;}

.slider-container {  width: 100%;  margin: auto;  position: relative;overflow: hidden;}
/*.progress-container {  width: 100%;  height: 3px;  background: #c6c6c6;  border-radius: 0px;  margin-top: 70px;  position: relative;  cursor: pointer;}
.progress-handle {   background: url(assets/images/progressHandler.png) no-repeat; width: 76px; height: 19px;  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0%;  cursor: grab;
  transition: left 0.3s ease-in-out;}*/
.sliderHolder .slide img{ width: 100%; border-radius: 10px; filter:brightness(0.5);}


.sector-swiper-scrollbar {height: 18px;background: linear-gradient(0deg, #C6C6C6, #C6C6C6) center no-repeat;width:100%;border-radius: 15px;cursor:pointer;background-size: 100% 3px;margin-top: 75px;}
.sector-swiper-scrollbar .swiper-scrollbar-drag{height: 100%;background-color: #757575;border-radius: 15px;background-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 0C2.32843 0 3 0.671573 3 1.5L3 9C3 9.82843 2.32843 10.5 1.5 10.5C0.671573 10.5 0 9.82843 0 9L3.57628e-07 1.5C3.57628e-07 0.671573 0.671573 0 1.5 0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 0C9.32843 0 10 0.671573 10 1.5L10 9C10 9.82843 9.32843 10.5 8.5 10.5C7.67157 10.5 7 9.82843 7 9L7 1.5C7 0.671573 7.67157 0 8.5 0Z' fill='white'/%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: auto;}

.sliderHolder .slide{ position: relative;}
.sliderHolder .overlay{ position: absolute; top: 0; left: 0; padding:30px 25px; height:100%; display:flex; justify-content:space-between; flex-direction:column; }
.sliderHolder .overlay h3{ font-size: var(--fs-26); font-weight: 400; color: #fff; position: relative; padding-bottom: 20px;padding-top: 0}
.sliderHolder .overlay p{ font-size: var(--fs-18); font-weight: 400; color: var(--secondary-color); position: relative; padding-bottom: 0;padding-top: 0}
.sliderHolder .overlay h3:after{ content: ''; position: absolute; bottom: 0; width: 50px; height: 2px; background: var(--secondary-color); left: 0;}
.sector-swiper-pagination {text-align:center;margin-top:35px;line-height:1}
.sector-swiper-pagination span{width:11px;height:11px;border-radius:11px;background:#2B3034;transition:0.3s}
.sector-swiper-pagination .swiper-pagination-bullet-active{width:50px}


.sectionHeader{ padding: 0 0 80px 0;}
.contentHeaderLeft{ padding: 0 0 0 20px; border-left: 5px solid var(--secondary-color);  margin: 0 0 30px 0;}
.contentHeaderLeft h2{ padding-bottom: 0;}
.contentHeaderRight{ padding-top: 55px;}

.fixedBgSection{ background-repeat: no-repeat; padding: 315px 0; background-size: cover; background-attachment: fixed;}
.fixedBgSection h2{ color: #fff;padding-bottom:0}
.fixedBgSection h2 span{ color: var(--secondary-color); font-family: var(--heading-font);font-size:100%}
.bgLtmain{ background: url(assets/images/bgLt.png) no-repeat top right;  }
.bgLtmain .sectionHeader h2{ padding: 0 0 0 0;}
.iconBoxHolder{ margin: 45px 0 0 0;}
.iconBox{ text-align: center; padding: 0 10px;}
.iconBox h3{ padding: 50px 45px 20px;text-transform: capitalize;}
.iconBoxHolder{ margin: 0 0 60px 0;}
.tphdContent{ padding-right: 82px;}

.categorySideNav{ position: relative; top: 120px;}
.categorySideNav ul{ margin: 0; padding: 0; list-style: none;position: relative; z-index: 3;}
.categorySideNav ul li{ display: block; position: relative; padding: 0 0 0 20px;}
.categorySideNav ul li:after{ content: ''; position: absolute; width: 6px; height: 6px; background: var(--secondary-color); border-radius: 50%; left: 0; top: 15px; }
.categorySideNav ul li a{ display: block; font-size: var(--fs-20); line-height: 1.8; color: var(--main-clr); text-transform: uppercase; font-family: var(--h5-font);}
.categorySideNav ul li a:hover{ color: var(--secondary-color);}
.categorySideNav ul li.viewAllBtn a{ font-weight: 700; text-decoration: underline; text-decoration-color: var(--secondary-color); text-underline-offset: 5px;text-decoration-thickness: 3px;}
.categorySideNav ul li.viewAllBtn:after{display:none;}
.workHolder{ display: flex; align-items: flex-end; gap: 15px; flex-wrap: wrap; justify-content: space-between;}
.workItem{width:calc(34% - 10px);}
.workItem img{aspect-ratio: 460 / 506;object-fit: cover;width: 100%;}
.workItem:nth-child(3) img{aspect-ratio: 435 / 418;max-height: 415px;}
.workItem:nth-child(4) img{aspect-ratio: 781 / 506;}
.workItem:nth-child(5) img{aspect-ratio: 598 / 506;}

.workItem:nth-child(3){width: calc(32% - 10px);}
.workItem:nth-child(4){width: calc(56.5% - 7.5px)}
.workItem:nth-child(5){width: calc(43.5% - 7.5px);}
.workHolder{ margin: 0 0 65px 0;}
.quote{ width: 74px; height: 74px; background: var(--secondary-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; top: -35px;}

.testiSection{overflow:hidden;}
.testimonialSliderHolder {  position: relative;  overflow: visible;}
.testimonialSlider {margin-right: -360px;}
.testimonialSliderHolder .slick-slide {  margin: 0 18px; }
.testimonialSliderHolder .slick-list {  margin: 0 -18px; }
.testiItem{ background: #f6f6f6; padding:0 30px 30px; border-radius: 10px; background-image: url(assets/images/smallBgIcon.png); background-repeat: no-repeat; background-position: top right;}
.testimonialSliderHolder .slick-list{ padding-top: 35px;}
.testiItem h4{ padding: 0 0 25px 0;}
.testiItem p{ font-size: var(--fs-18); line-height: 1.66;max-width: 475px;}
.testiItemFooter{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #DBDBDB; margin: 30px 0 0 0; padding: 25px 0 0 0;gap:24px}
.testiFooterDetails{ display: flex; align-items: center; gap: 20px;flex-grow: 1;justify-content: space-between;}
.testiImage{ width: 85px; border: 4px solid #fff; border-radius: 50%; flex-shrink: 0;flex-shrink:0 }
.testiImage img{ width:85px; border-radius:50% }
.testiName h6{ padding: 0; color: #3F3F3F; font-size: var(--fs-18); text-transform: capitalize; font-weight: 500;} 
.testiName h6 span{ font-weight: 300; font-size: 15px; letter-spacing: 0.3px; display: block; padding-top: 5px;font-family:'Inter', sans-serif; }
.testiFooterLogo{width: 100px;}
.testimonialSliderHolder .slick-prev{ position: absolute; right: 0; top: 0;}
.custom-arrows button{ background: transparent; border: none; outline: none;}
.custom-arrows{ display: flex; justify-content: flex-end; gap: 28px;}
.testiSection .sectionHeader{ padding: 0 0 40px 0;}






.footer{ background: url(assets/images/footerBg.jpg) no-repeat; background-size: cover; padding: 90px 0 30px 0;}
.footer p {font-family:'Inter', sans-serif;}
.footerTop h2{ color: #D6D0CB;}
.footerTop p{color: #9A9A9A; }
.footerTop .center-btn-holder{ margin-top: 45px;}
.footerTop .btnText{ color: #fff; border: 1.5px solid #fff;}
.footerTop .btnIcon{ background-color: #fff}
.footerMid{ padding: 170px 0;}
.footerMid{ display: flex; justify-content: space-between;}
.footerWidget_1{ width: 24%;}
.footerWidget_2{ width: 12%;}
.footerWidget_3{ width: 15%;}
.footerWidget_4{ width: 27%;}

.footerMid h3{ font-size: var(--fs-28); font-weight: 400; color:#fff; padding: 0 0 30px 0;}
.footerLogo{ width: 203px; margin-bottom: 25px;}
.footerWidget_1 p{max-width:386px}
.footerMid p{ color: var(--footerText);; font-size: var(--fs-18);}
.footnav ul{ margin: 0; padding: 0; list-style: none;font-family:'Inter', sans-serif; }
.footnav ul li{ display: block;}
.footnav ul li a{ display: block; color: var(--footerText); font-size: var(--fs-18); line-height: 1.944; font-weight: 400;}
.footnav ul li a:hover{ color: var(--secondary-color);}
.footerMid p{ padding: 0 0 15px 0;}
.footerMid p a{  color: var(--footerText); text-underline-offset: 4px;}
.footerMid p a:hover{ color: var(--secondary-color);}
.signupForm{ margin: 20px 0;}
.signupForm form{ display: flex; column-gap: 15px;flex-wrap: wrap;}
.signupForm form .wpcf7-form-control-wrap {width: calc(100% - 80px);flex-grow: 1;}
.signupForm input[type=email]{ width: 100%; border: 1px solid #A1A1A1; border-radius: 60px; padding: 0 20px; background: #fff; height: 60px; color: #484848; font-size: var(--fs-16); font-weight: 400;font-family:'Inter', sans-serif;}
.signupForm button[type=submit]{ width: 60px; height: 60px ; border-radius: 50%; border: none; background: var(--secondary-color); outline: none; cursor: pointer; flex-shrink: 0; transition: all .5s;}
.signupForm button[type=submit]:hover{ transform: rotate(45deg); transition: all .5s;}
.socialLinks {padding-top: 20px; }
.socialLinks ul {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 24px; }
.socialLinks ul a {width: 44px; height: 44px; border-radius: 50%; border: 1px solid #C6C6C6; display: flex; align-items: center; justify-content: center; }
.socialLinks ul a img{transition: 0.3s;}
.socialLinks ul a:hover {background:var(--secondary-color)}
.socialLinks ul a:hover img{filter: brightness(0);}

.copyright{ color: #D1D1D1; font-size: var(--fs-18);font-family:'Inter', sans-serif;}



#back-to-top { display: none;   position: fixed;  bottom: 20px;  right: 20px;  width: 50px;  height: 50px;  background: var(--secondary-color);  color: white;  text-align: center; line-height: 50px;  font-size: 20px;  border-radius: 50%;  cursor: pointer;  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);transform:rotate(-45deg);z-index:99 }

ul.slick-dots {display: flex; flex-wrap: wrap; justify-content: center; gap:11px; list-style: none; padding: 0; margin: 20px 0 0 0; }
ul.slick-dots button{width:11px;height:11px;border-radius:50px;border:0;background: #D9D9D9;opacity:1;font-size:0;transition:0.3s}
ul.slick-dots .slick-active button{width:50px;background:#2B3034}
ul.slick-dots button:hover{background:#2B3034}




.InnerBanner .bannerContent h1{font-size:var(--fs-80);}
.InnerBanner .bannerContent p{font-size:var(--fs-29);}

.aboutUsSec{position:relative;z-index: 2}
.aboutUsSecBgLogo{position:absolute;z-index: -1;top:0;left:0;width:100%;height:100%}
.aboutUsSecBgLogo img{width:auto;height:100%;display:block;margin-left:auto;}
.aboutUsText{max-width: 617px;margin-left: auto;}
.aboutUsText .contentHeaderLeft {margin-bottom: 40px; }
.aboutUsImg {display: flex ; justify-content: flex-end;}
.aboutUsImg img {max-width: inherit; min-width: calc(50vw - 20px);filter:grayscale(1)}

.founderSec{background:#2B3034 ;color:#fff}
.founderText h2{color:#fff}
.founderText p{color:#aaa}
.founderText p span{color:#fff}
.founderText blockquote {font-size: var(--fs-29); font-family: var(--h5-font); text-transform: uppercase; line-height: 1.2; margin-bottom: 25px; }
.founderText blockquote span {color: var(--secondary-color); }

.aboutFaqBd h3{padding-top:0;font-size:var(--fs-28);max-width: 312px;}
.aboutFaqItem p{font-size:var(--fs-18);}
.aboutFaq .contentHeaderLeft{margin-bottom:0}
.aboutFaqBd .row{row-gap: 100px}
.aboutFaqItem{max-width: 400px;letter-spacing:-0.02em}



.workNavSec{position: sticky; top: 0px;border-bottom: 1px solid #C6C6E6E6;background:#fff;z-index:9;white-space: nowrap;padding:25px 0}
.workNavSecInr{display:flex;align-items:center;gap:10px}
.workNavSlider{overflow:hidden;}
.swiper-button-lock ~ .workNavSlider ul{justify-content:center;padding:0;margin:0;list-style:none;}
.workNavSec ul{padding:0;list-style:none;margin: 0;overflow:}

.workNavSec ul li{padding:0 30px}
.workNavSec ul li a{ display: block; position: relative; padding: 0 0 0 20px;font-size: var(--fs-20); line-height: 1.8; color: var(--main-clr); text-transform: uppercase; font-family: var(--h5-font);}
.workNavSec ul li a:after{ content: ''; position: absolute; width: 6px; height: 6px; background: var(--secondary-color); border-radius: 50%; left: 0; top: 15px; }
.workNavSec ul li a:hover{ color: var(--secondary-color);}
.workNavSec ul li.current-menu-item{font-weight:bold;}
.workNavSec ul li.actv a{font-weight:bold;}

.workNavSliderPrev,.workNavSliderNext{border:0;padding:0;background:transparent;font-size:16px;}
html:has( .workNavSec){overflow-x: hidden;}
body:has( .workNavSec){overflow: initial;}






.workContent{position:relative;z-index: 2;}
.workContent + *{position:relative;z-index: 2;}
.workContentBgLogo{position:absolute;top: 0;right:0;z-index:-1}
.workContentInr {max-width: 760px; margin: 0 auto; }
.workContentInr p {font-size: var(--fs-18); letter-spacing: -0.02rem; }

.workGallerySliderItem{ padding-bottom:65px; }
.workGallery ul{ grid-template-rows: masonry; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; margin: 0 auto; gap: 18px;max-width:1886px; list-style: none; }

.workGallery li:nth-child(1){ grid-row: span 2; grid-column: span 2; }
.workGallery li:nth-child(2){ grid-row: span 1; grid-column: span 2; }
.workGallery li:nth-child(9){ grid-row: span 2; grid-column: span 2; }
.workGallery li:nth-child(10){ grid-row: span 1; grid-column: span 2; }
.workGallery li:nth-child(11){ grid-row: span 1; grid-column: span 2; }

.workGallery li:nth-child(22){ grid-row: span 2; grid-column: span 2;  }
.workGallery li:nth-child(27){ grid-row: span 2; grid-column: span 2;  }

.digitalGallery ul {grid-template-columns: 1fr 1fr;}
.digitalGallery ul{display: grid; grid-template-columns: repeat(2, 1fr); padding: 0; margin: 0 auto; gap: 18px;max-width:1886px; list-style: none; }
.digitalGallery li:nth-child(4){grid-row: span 2; }

.printGallery ul {grid-template-columns: 1fr 1fr;}
.printGallery ul{display: grid; grid-template-columns: repeat(2, 1fr); padding: 0; margin: 0 auto; gap: 18px;max-width:1886px; list-style: none; }
.printGallery li:nth-child(odd),.printGallery li:nth-child(10){grid-row: span 2; }

.directresponseGallery ul {grid-template-columns: 1fr 1fr;}
.directresponseGallery ul{display: grid; grid-template-columns: repeat(2, 1fr); padding: 0; margin: 0 auto; gap: 18px;max-width:1886px; list-style: none; }
.directresponseGallery li:nth-child(odd){grid-row: span 2; }

.branddesignGallery ul{ grid-template-rows: masonry; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; margin: 0 auto; gap: 18px;max-width:1886px; list-style: none; }
.branddesignGallery li:nth-child(1),
.branddesignGallery li:nth-child(11),
.branddesignGallery li:nth-child(18),
.branddesignGallery li:nth-child(26),
.branddesignGallery li:nth-child(34){ grid-row: span 2; grid-column: span 2; }
.branddesignGallery li:nth-child(2),
.branddesignGallery li:nth-child(19),
.branddesignGallery li:nth-child(27),
.branddesignGallery li:nth-child(35){grid-column: span 2; }


.servicesPgTopWrap {position: relative; z-index: 2; }
.servicesPgTopLogo {position: absolute; top: 0; right: 0; max-width: 50%; z-index: -1; }

.powerfulBrandsInr {max-width: 835px; }
.powerfulBrandsInr .contentHeaderLeft {max-width: 770px; }
.serviceItemHd {display: flex; }
.serviceItemHdImg {flex-shrink: 0; width: 240px; padding-right: 17px; }
.serviceItemSec h2 {font-size: var(--fs-40);padding-bottom:0 }
.serviceItemSec h3 {font-size: var(--fs-29); text-transform: uppercase; font-family: var(--h5-font); padding: 10px 0 25px; letter-spacing: 0.03rem; }
.serviceItemSec h4 {font-size: var(--fs-31); margin-bottom: 25px; }
.serviceItemBd {padding-top: 94px; }
.serviceItemBdText {padding-left:20px}
.serviceItemSec ul {padding: 55px 0 0 0; list-style: none; margin: 0; }
.serviceItemSec ul li {padding-left: 19px; position: relative; }
.serviceItemSec ul li:not(:last-child) {margin-bottom: 10px; }
.serviceItemSec ul li::after {position: absolute; top: 11px; width: 8px; height: 8px; background-color: var(--secondary-color); left: 0; content: ''; border-radius: 50%; }
.serviceItemSec ul:has( li:nth-child(10)) {display: grid
;grid-template-columns: 1fr auto;column-gap:15px}
.serviceItemSec ul:has( li:nth-child(10)) li {min-width:330px }

.fundraising .serviceItemBdText p {max-width: 770px; }

.specialProjects {position: relative; z-index: 2; }
.specialProjectsBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.specialProjectsBg::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #14171AE5; }
.specialProjectsBg img {width: 100%; height: 100%; object-fit: cover; }
.specialProjects .serviceItemHdText{padding-left:20px }
.specialProjectsInr {max-width: 1020px; margin: 0 auto;}
.specialProjects, .specialProjects h2, .specialProjects h4, .specialProjects p {color: #fff; }
.specialProjects .text-color-gray p {color: #aaa; }
.specialProjects .serviceItemHdText h4 {margin-top: 35px; }
.specialProjects h3 {color: #aaa; }

.clientPgAcc {counter-reset: clientPgAccCounter; }
.clientPgSec .contentHeaderLeft {max-width: 1000px; margin-bottom: 60px; }
.clientPgAcc .accordion {--bs-accordion-color: var(--bs-body-color); --bs-accordion-bg:transparent; --bs-accordion-border-color: #E6E6E6; --bs-accordion-border-width: 0; --bs-accordion-border-radius: 0; --bs-accordion-btn-color:#2B3034; --bs-accordion-btn-bg: transparent; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-focus-box-shadow:none; --bs-accordion-active-color: #2B3034; --bs-accordion-active-bg: transparent}
.clientPgAcc .accordion-item {border-bottom-width: 1px; }
.clientPgAcc .accordion-header {padding: 0; }
.clientPgAcc .accordion-button {font-size: var(--fs-30);padding: 35px 0 35px 25px;}
.clientPgAcc .accordion-button::after {transform: rotate(-90deg); }
.clientPgAcc .accordion-button::before {counter-increment: clientPgAccCounter;content: "(" counter(clientPgAccCounter, decimal-leading-zero) ")";width: 65px;font-family: var(--h5-font);font-size: var(--fs-20);padding-right:10px}
.clientPgAcc .accordion-body {padding: 10px 0px 80px 90px; }
.clientPgAccBdText {max-width: 740px; }
.clientPgAccBdText ul {padding: 0; margin: 25px 0 25px 0; font-weight: 500; list-style: none; }
.clientPgAccBdText ul li:not(:last-child) {margin-bottom: 17px; }
.clientPgAccBdText ul li {padding-left: 19px; position: relative; }
.clientPgAccBdText ul li::after {position: absolute; top: 11px; width: 8px; height: 8px; background-color: var(--secondary-color); left: 0; content: ''; border-radius: 50%; }
.clientPgAccBdImg img {margin: 0 65px 0 auto; display: block; }
.clientPgAcc .accordion-button::after{transform: rotate(-90deg);}
.clientPgAcc .accordion-button:not(.collapsed)::after{transform: rotate(-180deg);}


.mapSec a{display:block;}
.mapSec img{display:block;width:100%}


.contactFormSec .sectionHeader {padding-bottom: 40px; }
.contactFormItem input,.contactFormItem select {padding: 28px 0; width: 100%; line-height: 1.2; font-size: var(--fs-30); border: 0; border-bottom: 1px solid #E6E6E6; color: #2B3034; font-family: var(--heading-font);appearance: none;}
.contactFormItem select {background:url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.5' cy='14.5' r='14' stroke='%232B3034'/%3E%3Cpath d='M15 18C14.8605 18 14.7209 17.943 14.6144 17.8291L9.15985 11.9958C8.94672 11.7678 8.94672 11.3987 9.15985 11.171C9.37299 10.9432 9.71812 10.943 9.93112 11.171L15 16.5918L20.0689 11.171C20.2821 10.943 20.6272 10.943 20.8402 11.171C21.0532 11.3989 21.0533 11.768 20.8402 11.9958L15.3857 17.8291C15.2792 17.943 15.1395 18 15 18Z' fill='%232B3034'/%3E%3C/svg%3E%0A") center right / 29px no-repeat;padding-right: 35px}
.contactFormItem ::placeholder {opacity:1;color:#2B3034; }
.contactFormWrap .row {--bs-gutter-x: 90px; row-gap: 34px; }
.contactFormWrap {overflow: hidden; }
.contactFormSubmit {padding-top: 30px; }
.contactFormSubmit button {border:0;background:transparent}

.footerMid:first-child{padding-top: 50px}
.signupForm{position:relative;}
.signupForm .wpcf7-spinner{position:absolute;right: 17px;top: 18px;margin: 0;}
.signupForm .wpcf7-not-valid-tip{display:none !important;}
.signupForm .wpcf7-not-valid{border:1px solid red !important;}
.signupForm .wpcf7-response-output{margin: 20px 0 0; font-size: 16px; color:#fff;}

.contactFormItem .wpcf7-not-valid-tip{display:none !important;}
.contactFormItem .wpcf7-not-valid{border-bottom:1px solid red !important;}
.wpcf7 form .wpcf7-response-output{margin: 30px 0; font-size: 16px;}

/* Targeting only the specific Select2 dropdown with the ID #mySelect */
.select2-results__option:hover {
  background-color: var(--secondary-color) !important;  /* Change to desired hover color */
  color: #2B3034 !important; /* Change text color on hover */
}

.select2-results__option:active {
  background-color: var(--secondary-color) !important;  /* Change to desired hover color */
  color: #2B3034 !important; /* Change text color on hover */
}

/* Optional: Change the selected option background color for this specific Select2 */
.select2-results__option[aria-selected="true"] {
  background-color: var(--secondary-color) !important;  /* Change to desired hover color */
  color: #2B3034 !important; /* Change text color on hover */
}

/* Optional: Focus effect for individual options */
.select2-results__option:focus {
  background-color: var(--secondary-color) !important;  /* Change to desired hover color */
  color: #2B3034 !important; /* Change text color on hover */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
background:url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.5' cy='14.5' r='14' stroke='%232B3034'/%3E%3Cpath d='M15 18C14.8605 18 14.7209 17.943 14.6144 17.8291L9.15985 11.9958C8.94672 11.7678 8.94672 11.3987 9.15985 11.171C9.37299 10.9432 9.71812 10.943 9.93112 11.171L15 16.5918L20.0689 11.171C20.2821 10.943 20.6272 10.943 20.8402 11.171C21.0532 11.3989 21.0533 11.768 20.8402 11.9958L15.3857 17.8291C15.2792 17.943 15.1395 18 15 18Z' fill='%232B3034'/%3E%3C/svg%3E%0A") center right / 29px no-repeat;padding-right: 35px; 
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-style: none !important;
}

.select2-container--default .select2-selection--single {
  z-index: 9999 !important;  /* Ensure it’s on top */
  border: none; /* Removes the border */
  box-shadow: none; /* Removes any shadow if present */
  transition: none !important;
  animation: none !important;	
}

.select2-dropdown {
  z-index: 9999 !important;  /* Ensure the dropdown itself has a high z-index */
}

.contactFormItem span.selection {padding: 28px 0; width: 100%; line-height: 1.2; font-size: var(--fs-30); border: 0; border-bottom: 1px solid #E6E6E6; color: #2B3034; font-family: var(--heading-font);appearance: none;}
.select2-container--default .select2-selection--single{border:none;}
.select2-container--default .select2-selection--single{padding: 33px 0; border:none !important; border-radius:0 !important;  width: 100%; line-height: 1.2; font-size: var(--fs-30); border: none;  color: #2B3034; font-family: var(--heading-font);appearance: none; height:inherit !important; border-bottom:1px solid #E6E6E6 !important}
.select2-container{ margin:20px 0}
.select2-container--default .select2-selection--single .select2-selection__arrow{ background-size:100% 100% !important; height:29px !important; top:33px !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:var(--secondary-color) !important; }

.select2-container--open .select2-dropdown{ top:33px !important}
.select2-container .select2-selection--single .select2-selection__rendered{ padding-left:0 !important}

.directresponseGallery .slick-track{ overflow:hidden; }

.testiItem p a{ color:#fbb040 }
.testiItem p a:hover{ color:#000 }
.testimonialSliderHolder .reviewModalClose{ position:absolute; right:0px; top:0px;  z-index: 1;  background: var(--secondary-color);  width: 30px;  height: 30px; border: none; }
.testimonialSliderHolder .modal-body{ padding:45px;  }

@media only screen and (max-width: 1699px) {
  .footerWidget_3{width: 19%;}
  .footerWidget_4{width: 29%;}
}
@media only screen and (max-width: 1599px) {
  :root{
  --fs-164:140px;
  --fs-101:90px;
  --fs-80:70px;
  --fs-48:44px;
  --fs-42:38px;
  --fs-40:37px;
  }
  .serviceItemSec ul:has( li:nth-child(10)) li {min-width: 200px; }
}
@media only screen and (max-width: 1399px){
  :root{
  --fs-164:100px;
  --fs-101:70px;
  --fs-80:60px;
  --fs-48:40px;
  --fs-42:36px;
  --fs-40:35px;
  }
  .logo {width: 184px; }
  .navigation ul li a {margin: 0 15px; }
  .fixedBgSection {padding: 150px 0; }
  .bgLtmain {background-size: 40%; }

  .clientPgAccBdImg img{margin: 0 0 0 auto}


}
@media only screen and (max-width: 1199px){
  :root{
  --fs-164:80px;
  --fs-101:50px;
  --fs-80:45px;
  --fs-48:35px;
  --fs-42:30px;
  --fs-40:30px;
  --fs-32:28px;
  --fs-31:27px;
  --fs-30:27px;
  --fs-29:26px;
  --fs-28:26px;
  --fs-27:25px;
  --fs-26:23px;
  --fs-22:20px;
  --fs-21:19px; 
  --fs-20:18px; 
  --fs-18:17px;
  --fs-17:16px;
  --fs-16:15px;
  }

  .header {padding: 10px 0; }
  .mean-container a.meanmenu-reveal {position: static; color: #fff; }
  .navigation {order: 1; }
  .headerRight {margin-left: auto; margin-right: 15px; }
  .btnText {line-height: 46px; }
  .btnIcon {width: 48px; height: 48px; }
  .mean-container .mean-bar {padding: 0;background:transparent; }
  .mean-container a.meanmenu-reveal{width:28px!important}
  .mean-container a.meanmenu-reveal span {background: #D6D0CB; height: 3px; margin-top: 6px;width:28px }
  .mean-container a.meanmenu-reveal span:first-child{margin-top:0}
  .mean-container .mean-nav ul li a {line-height: 1.2; }
  .navigation ul li.current-menu-item a:after {display: none;}
  .navigation ul li.current-menu-item a{color:var(--secondary-color)}
  .logo {width: 160px; }
  .mean-container .mean-nav{top: 65px}
  .banner {padding: 150px 0 80px; }
  .section {padding: 80px 0; }
  .aboutFaqBd .row {row-gap:50px;}
  .clientsLogoHolder {margin:0px 0 30px 0}
  .sliderHolder .overlay h3{padding-top:10px}
  .iconBox br {display: none; }
  .testiItem {background-size: 45% auto; }
  .footerMid {padding: 90px 0 50px; flex-wrap: wrap; gap: 25px 20px; }
  .footerWidget_1 {width: 100% }
  .footerWidget_1 p{max-width:100%}
  .footerWidget_2,.footerWidget_3,.footerWidget_4 {flex-grow: 1; }
  .workHolder{margin-bottom:40px}
  .sectionHeader{padding-bottom:45px}
  .fixedBgSection{padding:80px 0}
  .footer{padding-top: 60px}
  .iconImage img {max-height: 100px; }
  .iconBox h3 {padding: 25px 0; }
  .testiSection .sectionHeader {padding-bottom: 15px; }
  .categorySideNav ul li:after{top: 12px}
  .categorySideNav{top:100px}
  .sector-swiper-scrollbar{margin-top:30px}

  .serviceItemBd {padding-top: 60px; }
  .serviceItemSec ul {padding-top: 28px; }
  .serviceItemSec ul:has( li:nth-child(10)) li {min-width: auto }
  .serviceItemHdImg {width: 200px; }

  .clientPgSec .contentHeaderLeft{margin-bottom:25px}
  .clientPgAcc .accordion-button{padding:25px 0 25px 10px}
  .clientPgAcc .accordion-button::before{width:50px;flex-shrink: 0;}
  .clientPgAcc .accordion-body {padding: 0px 0px 30px 60px; }


  .navigation ul{display:none;}
  .footerMid:first-child{padding-top: 0px}

}

@media only screen and (max-width: 991px){
  :root{
    --fs-164:45px;
    --fs-101:35px;
    --fs-80:38px;
    --fs-48:28px;
    --fs-42:26px;
    --fs-40:26px;
    --fs-32:24px;
    --fs-31:23px;
    --fs-30:23px;
    --fs-29:22px;
    --fs-28:22px;
    --fs-27:21px;
    --fs-26:20px;
    --fs-22:18px;
    --fs-21:17px; 
    --fs-20:17px; 
    --fs-18:17px;
    --fs-17:16px;
    --fs-16:15px;
  }

  .banner {padding: 110px 0 50px; }
  .section {padding: 50px 0; }
  .clientsLogoItem img {max-height: 60px;}
  .contentHeaderRight {padding-top: 0; }
  .progress-container {margin-top: 30px; }
  .iconBoxHolder .row {row-gap: 80px; }
  .iconBox h3 {padding: 15px 0; }
  .categorySideNav {top: 0; padding-top: 27px; max-width: 47%; }
  .workItem {width: calc(50% - 6px); }
  .ourWorkHd {margin-bottom: -211px;}
  .workItem:nth-child(3) {order: -1; width: 100%; }
  .workItem:nth-child(3) img {width: calc(50% - 6px); margin-left: auto; display: block; }
  .workItem:nth-child(4){width: calc(56.5% - 6px);}
  .workItem:nth-child(5){width: calc(43.5% - 6px);}
  .workHolder {gap: 12px; }
  .socialLinks ul {gap: 15px;}

  .InnerBanner .bannerContent h1{font-size: var(--fs-101);padding-bottom:30px}
  .InnerBanner .bannerContent h1 br,.InnerBanner .bannerContent p br,.founderText blockquote br{display:none;}
  .InnerBanner .bannerContent p{font-size:var(--fs-22)}

  .aboutUsText {max-width:100% }
  .aboutUsSecBgLogo {display: flex; justify-content: flex-end; align-items: flex-end; }
  .aboutUsSecBgLogo img {width: 100%; height: auto; }
  .aboutUsText .contentHeaderLeft {margin-bottom: 27px; }
  .aboutUsImg {justify-content: center; }
  .founderImg,.aboutUsImg {width:100%;margin-bottom:40px }
  .founderImg img,.aboutUsImg img {max-width: 100%;width:100% }
  .aboutFaqBd .row{row-gap:30px}

  .workGallery ul,.digitalGallery ul,.printGallery ul,.directresponseGallery ul,.branddesignGallery ul{gap:8px;padding: 15px 0;}
  .workNavSec ul li a{padding:0 0 0 15px}
  .workNavSec ul li a:after{top: 13px;}
  .workNavSec{padding:10px 0}

  .serviceItemHdImg {width: 140px; }
  .serviceItemBd {padding-top: 35px; }
  .serviceItemBdImg {margin-bottom: 35px; }
  .serviceItemBdText,.specialProjects .serviceItemHdText {padding-left: 0; }
  .serviceItemHdImg img {max-height: 100px; }
  .serviceItemSec ul:has( li:nth-child(10)) {grid-template-columns: auto; }
  .serviceItemSec ul li::after {top: 9px;}

  .clientPgAcc .accordion-body .row {flex-direction: column-reverse; }
  .clientPgAccBdImg img {margin: 0 0 25px 0; }

  .contactFormSec .sectionHeader {padding-bottom: 0; }
  .contactFormWrap .row {row-gap: 15px; }
  .contactFormItem input, .contactFormItem select {padding: 19px 0; }
  .workNavSec ul li{padding:0 15px}
  .mapSec {overflow: hidden; }
  .mapSec img {height: 100%; object-fit: cover; width: 100%;transform:scale(1.5) }


}
@media only screen and (max-width: 767px){
  .header .btnIcon {display: none; }
  .header .btnText {padding: 0 18px; }
  .logo, .fixed-header .logo {width: 140px; }
  .bannerContent p {font-size: var(--fs-26); }
  .clientLogo h2 {max-width: 310px; margin-left: auto; margin-right: auto; }
  .keySectors .contentHeaderLeft {max-width: 100%; }
  .contentHeaderLeft {padding: 0 0 0 15px; border-left-width: 3px; }
  .fixedBgSection {padding: 151px 0; }
  .fixedBgSection h2 {font-size: var(--fs-27); }
  .tphdContent {padding-right: 0; }
  .iconImage img {max-height: 177px; max-width: 215px; }
  .iconBox h3 {padding-top: 37px; font-size: var(--fs-42); max-width: 290px; margin-left: auto; margin-right: auto; }
  .ourWork .contentHeaderLeft {max-width:100%}
  .contentHeaderLeft h2 {line-height: 1; }
  .ourWorkHd {margin-bottom: -150px;}
  .workItem:nth-child(3) img {position: relative;}
  .ourWork .sectionHeader {padding-bottom: 20px; }
  .custom-arrows {justify-content: flex-start; padding-bottom: 25px; }
  .progress-container{display:none;}
  .testiFooterDetails {flex-direction: column; align-items: flex-start; gap: 13px; }
  .testiName h6 {letter-spacing: 0; }
  .testiName h6 span {font-size: 14px; max-width: 180px; letter-spacing: 0; }
  .testiFooterLogo {max-width: 90px; }
  .custom-arrows{display:none;}
  .quote {width: 60px; height: 60px; top: -30px; left: 10px; margin-bottom: -10px;}
  .quote img{max-width:28px}
  .testiItem{padding-left:15px;padding-right:15px}
  .testiItem p{font-size:15px}
  .testiItemFooter{gap:10px;}
  .testimonialSlider{margin:0;}
  .testimonialSliderHolder .slick-slide {  margin: 0 10px; }
  .testimonialSliderHolder .slick-list {  margin:0px 20px 0 0;overflow:visible; }
  .footerWidget_2, .footerWidget_3, .footerWidget_4 {width: 100%; }
  .footer{background-image: url(assets/images/footerBgMobile.jpg);}
  .banner{background-image: url(assets/images/bannerMobile.jpg);}
  .footerTop .btnText {padding: 0 19px; }

  .workGallery ul,.branddesignGallery ul {grid-template-columns: 1fr 1fr; }
  .digitalGallery ul,.printGallery ul,.directresponseGallery ul {grid-template-columns: 1fr; }

  .serviceItemHd {flex-direction: column; gap: 20px; }

  .clientPgAcc .accordion-button {padding: 15px 0; font-size: 19px; }
  .clientPgAcc .accordion-body {padding: 10px 0 30px; }
  .clientPgAccBdText ul {margin-top: 10px; }

  .contactFormSubmit{padding-top:20px}

  .mapSec {aspect-ratio: 1;}
  .mapSec img {transform:scale(2) }
  .mapSec a {height: 100%; display: block; }
  .fixedBgSection h2 br{display:none;}
}
@media only screen and (max-width: 575px){
  :root {
    --fs-22: 20px;
    --fs-48:32px;
    --fs-40:31px;
    --fs-80:52px;
  }
  .section{padding:70px 0 60px}
/*  h2 > span{line-height: 1}*/
  .logo, .fixed-header .logo {width: 128px; }
  .header {border-bottom: 0; }
  .header .btnText {line-height: 31px; padding: 0 23px; font-size: 14px;min-width:auto!important }
  .banner h1 {font-size: 39px; padding-bottom: 11px; }
  .InnerBanner .bannerContent h1 {font-size: 39px;}
  .banner {padding-bottom: 80px;padding-top:125px }
  .btnText {font-size: 14px; line-height: 41px; padding: 0 31px;min-width: 186px;text-align:center; }
  .btnIcon {width: 41px; height: 41px; }
  .btnIcon img {max-height: 14px; }
  .keySectors {padding-bottom: 38px; }
  .contentHeaderLeft {background: linear-gradient(0deg, #f4b248, #f4b248) 0% 0% no-repeat; border: 0; padding-left: 13px; background-size: 3px calc(100%); }
  .keySectors .contentHeaderLeft {margin-bottom: 23px; }
  .iconBox {max-width: 380px; margin: 0 auto; }
  .ourWorkHd .contentHeaderLeft {margin-bottom: 18px; }
  .container {padding-left: 20px; padding-right: 20px; }
  .sliderHolder .overlay h3{font-size: 24px;padding-top: 0;padding-bottom:13px}
  .categorySideNav {padding-top: 50px;}
  .categorySideNav ul li{padding-left:15px;margin-bottom: 15px;}
  .categorySideNav ul li:after {top: 8px; }
  .categorySideNav ul li a{font-size:18px;line-height:20px}
  .ourWork{padding-bottom:44px}
  .testiSection .contentHeaderLeft{margin-bottom: 10px}
  .testiItem h4{font-size:26px;padding-bottom:10px}
  .testiSection {padding-bottom: 44px; }
  .testiSection ul.slick-dots {margin-top: 30px; }
  .testiSection {padding-bottom: 44px; }
  .testiSection ul.slick-dots {margin-top: 30px; }
  .footer {padding-top: 74px; padding-bottom: 60px; }
  .footerTop .center-btn-holder {margin-top: 30px; }
  .footerMid {padding-top: 144px; padding-bottom: 31px; gap: 45px; }
  .footerLogo {margin-bottom: 30px; }
  .footerMid h3{padding-bottom:15px;font-size: 28px;}
  .footnav ul li a {font-size: 18px; }
  .footerMid p {padding-bottom: 0; }
  .footerWidget_3 p + p {margin-top: 15px; }
  .footerWidget_4,.footerWidget_3 {padding-top: 10px; }
  .signupForm input[type=email] {height: 50px; }
  .signupForm button[type=submit] {width: 50px; height: 50px; }
  .signupForm .wpcf7-spinner {position: absolute;right: 13px;top: 13px;}
  .socialLinks {padding-top: 0; }
  .socialLinks ul a {width: 36px; height: 36px; padding: 7px; }
  .copyright {font-size: 16px; }
  .select2-container{ width:100% !important}
}
@media only screen and (max-width: 420px){
  .sliderHolder .overlay h3{font-size: 17px;}
  .sliderHolder .overlay p{font-size: 14px;}
}