@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-Black.eot'); /* IE9 Compat Modes */
    src: url('../fonts/gilroy/Gilroy-Black.eot?#iefix') format('embedded-opentype'), /* IE6–IE8 */
        url('../fonts/gilroy/Gilroy-Black.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/gilroy/Gilroy-Black.woff') format('woff'), /* Older Browsers */
        url('../fonts/gilroy/Gilroy-Black.ttf') format('truetype'), /* Optional fallback */
        url('../fonts/gilroy/Gilroy-Black.svg#Gilroy-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

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


/* Critical CSS here (navbar, header, hero section etc.) */
  .main-header .inside-list li a,.main-header .nav-link{font-size:16px;font-weight:500;color:var(--link-nav-color)}
  .main-header .inside-list li a,.main-header .nav-link,footer a{color:var(--link-nav-color)}
  .main-header .navbar,footer h5,footer h6{font-family:var(--font-poppins)}
  footer h6{margin-bottom:20px}
  .cta-button,.main-header .dropdown-mega h6,footer h5,footer h6{font-weight:700}
  :root{--link-nav-color:#201630;--link-nav-color-hover:#c00}
  .main-header .navbar a{color:#201630}
  .main-header .navbar a:hover{color:#E32200}
  .damcoLogo{width:100%}
  .main-header .navbar{background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);padding:0}
  
  .lower-footer a:hover,.main-header .nav-link:hover,.main-header .search-icon:hover,footer a:hover{color:var(--link-nav-color-hover)}
  
  
  .lower-footer{font-size:14px}
  
  .main-header .search-icon{font-size:20px;margin:0 8px}
  .main-header .btn-light{background-color:#ff031a;width:50px;height:50px;border-radius:50%}
  .main-header .offcanvas{background-color:#f1f1f1}
  .main-header .offcanvas-header{border-bottom:1px solid #ccc;box-shadow:0 0 15px rgba(0,0,0,.1)}
  .main-header .offcanvas-body,.search-popup .modal-body{padding:0}
  .main-header .offcanvas-body .inside-list li{margin-bottom:40px}
  /* .main-header .offcanvas-end{width:300px} */
  .main-header .offcanvas-footer{background-color:#dc1e1e;color:#fff;padding:20px}
  .main-header .offcanvas-footer i{margin-right:8px}
  .main-header .offcanvas-footer a{color:#fff}
  .main-header .offcanvas-footer a:hover{opacity:.5}
  
  .main-header .navbar .btn-primary{background-color:#000;color:#fff;border:none}
  .main-header .navbar .btn-primary:hover{background-color:var(--link-nav-color-hover);color:#fff}footer{background-color:var(--bg-grey);padding:3rem 0;font-family:var(--font-body)}footer h6{font-size:18px}
  .footer-list li{margin-bottom:10px}
  .footer-list li a:hover{padding-left:5px}
  .newsletter-input{max-width:400px}
  .logoboxes li{background:url('https://www.damcogroup.com/wp-content/themes/DamcoNew/dist/images/foot-logo.webp') 50% 50% no-repeat;width:40px;height:125px;flex:0 0 8.33%;font-size:0}
  .logoboxes li:first-child{background-position-y:-1212px}
  .logoboxes li:nth-child(2){background-position-y:24px}
  .logoboxes li:nth-child(3){background-position-y:-259px}
  .logoboxes li:nth-child(4){background-position-y:-409px}
  .logoboxes li:nth-child(5){background-position-y:-538px}
  .logoboxes li:nth-child(6){background-position-y:-690px}
  .logoboxes li:nth-child(7){background-position-y:-820px}
  .logoboxes li:nth-child(8){background-position-y:-960px}
  .logoboxes li:nth-child(9){background-position-y:-1096px}
  .lower-footer{background-color:#eceaea;color:#333}
  .lower-footer a{color:#333}
  .common-banner{position:relative;aspect-ratio:1920/600!important;width:100%}@media (max-width:1399px){.common-banner{aspect-ratio:1399/600!important}}@media (max-width:1083px){.common-banner{aspect-ratio:1083/600!important}}@media (max-width:767px){.common-banner{aspect-ratio:414/450!important}}
  .common-banner .container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;margin:0;text-align:center}
  .common-banner .subheading,.subheading-home{margin-top:20px;text-shadow:0 1px 2px rgb(0 0 0 / 38%);line-height:44px;color:#fff}
  .common-banner h1{font-size:80px;font-weight:700;color:#fff}
  .banner-highlight-text{background:linear-gradient(to right,#e32200 0,#e7542b 24%,#ff9408 55%,#a9128f 84%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block}
  .common-banner .banner-highlight-text,.cta-button{display:inline-block}
  .common-banner .subheading{font-size:32px;font-weight:400}
  .inner-banner h1{font-size:48px}
  .subheading-home{font-size:40px}
  .cta-button{font-size:20px;color:#fff;padding:10px 20px;margin-top:50px;background-color:#ff031a;text-align:center;position:relative;overflow:hidden;transition:.3s;border-radius:6px}
  .cta-button:after{position:absolute;transition:.3s;content:'';width:0;right:0;left:auto;top:0;height:100%;background:var(--color-danger)}
  .cta-button:hover:after{width:100%;left:0}
  .cta-button:hover span{color:#fff;position:relative;z-index:1}@media (min-width:768px) and (max-width:1199px){.common-banner h1{font-size:34px}
  .common-banner .subheading{font-size:22px;margin-top:5px;margin-bottom:0}
  .common-banner a{font-size:20px;padding:3px 20px;margin-top:5px}}@media screen and (max-width:767px){.common-banner img{display:block;width:100%}
  .common-banner h1{font-size:30px;line-height:42px}
  .common-banner .subheading{font-size:20px;line-height:normal}
  .subheading-home{font-size:24px}
  .common-banner a{font-size:18px;padding:10px 20px}
  .common-banner .achieva-banner-logo{width:150px;margin:0 auto}}
  .breadcrumbs-outer{background-color:#f8f9fa;padding:3px 0;font-size:14px;color:#333;min-height:27px}
  .breadcrumbs-outer a{color:#000}@font-face{font-family:bootstrap-icons;src:url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/fonts/bootstrap-icons.woff2&display=swap') format('woff2');font-display:swap}@font-face{font-family:slick;src:url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.woff&display=swap') format('woff');font-display:swap}
  .search-popup .search-close,.search-popup .sr-only{display:none}
  .search-popup .modal-content{border:7px solid rgba(255,255,255,.5);border-radius:40px}
  .search-popup .form-group{display:flex}
  .search-popup .form-control{flex:1;font-size:22px;padding:15px;border-radius:40px;border:none}
  .search-popup .search-btn{background-color:#f50319;width:80px;border-radius:0 32px 32px 0}
  .search-popup .search-btn:hover{background-color:#c00214}
  .search-popup .search-btn span{position:relative;color:#fff;display:block;height:34px;text-align:center}
  .search-popup .search-btn span::after{content:'\F52A';position:absolute;top:0;bottom:0;right:0;left:0;font-size:22px;font-family:bootstrap-icons}@media screen and (max-width:1024px){.main-header .offcanvas-end{transition:transform .6s ease-in-out}
  .main-header .navbar{z-index:9999}
  .main-header .offcanvas-backdrop.show{opacity:.8}
  .main-header .offcanvas-body{background:#e6e6e6}
  .main-header .offcanvas.offcanvas-end{width:80%;top:68px}
  .contentDiv.open{padding:15px}
  
  .contentDiv{height:0;overflow:hidden;transition:height .9s,padding .9s;padding:0 15px;background-color:#fff;margin-top:5px;flex:0 0 100%}span.toggleText{padding:8px;transition:transform .9s}span.toggleText.active{transform:rotate(90deg);transition:transform .9s}
  
  .social-links li a{font-size:26px;color:#000}
  .mobile-nav-footer{background:#f50319;color:#fff;padding:10px;text-align:center;position:absolute;bottom:0;left:0;width:100%;z-index:1050}
  .mobile-nav-footer li,.mobile-nav-footer ul{margin-bottom:0}
  .mobile-nav-footer li a{color:#fff;font-size:10px}}

  .main-menu, .main-menu ul {list-style:none; margin:0; padding:0;}
.main-menu {display:flex; gap:30px;}
.main-menu > li {position:relative; font-family:"gilroy", sans-serif; font-weight: 600; font-size: 20px;}
.main-menu > li li {font-size: 16px; font-family:"Inter", sans-serif;}
.main-menu a {text-decoration:none; display:block; padding:12px 0; color:#100D08;}
.main-menu li:last-child {border-bottom:none;}
.main-menu li .sub-menu {position:absolute; top:100%; left:0; min-width:350px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.1); opacity:0; visibility:hidden; transition:0.3s; z-index:99; border-radius:12px; border-top:2px solid #FF9408; padding:12px 0;}


@media (min-width:992px){
  .main-menu li:hover > .sub-menu {opacity:1; visibility:visible;}
}

.sub-menu li {position:relative; padding:0 20px;}
.sub-menu li .sub-menu {top:0; left:100%;}
.sub-menu li:hover {background:#f5f5f5;}
.menu-item-has-children > a {position:relative; padding-right:18px;}
.menu-item-has-children > a::after {content:"\F282"; font-size:18px; margin-left:6px; transition:transform 0.3s ease; display:inline-block; font-family:'bootstrap-icons'; position:absolute; top:13px; right:-5px;}
.sub-menu .menu-item-has-children > a::after {content:"\F285"; float:right; font-family:'bootstrap-icons'; position:absolute; right:0;}

@media (min-width:992px){
  .menu-item-has-children:hover > a::after {transform:rotate(180deg);} 
  .menu-primary-menu-container {margin-right:20px;}
}

/* Mobile Layout */
@media (max-width:991px){
.main-menu {flex-direction:column; gap:0;}
.main-menu li {border-bottom:1px solid #eee;}
.main-menu li .sub-menu {min-width:300px;}
.sub-menu li:hover {background-color:transparent;}
.main-menu li a {padding:12px 15px;}
.main-menu .sub-menu {position:static !important; opacity:1 !important; visibility:visible !important; display:none; box-shadow:none; border:none; border-radius:0; padding:0;}
.main-menu li.active > .sub-menu {display:block !important; margin-bottom:20px;}
.sub-menu li {padding-left:20px;}
.sub-menu .sub-menu li {padding-left:0;}
.menu-item-has-children > a {display:flex; justify-content:space-between; align-items:center;}
.menu-item-has-children.active > a::after {transform:rotate(180deg);}
}

/* for old pages */
.offcanvas {transition: transform .4s ease-in-out;}
.offcanvas.offcanvas-end.show {visibility: visible;}
.offcanvas-backdrop {position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000;}
.offcanvas-backdrop.fade {opacity: 0;}
.offcanvas-backdrop.show {opacity: .5;}

.header-search a {font-size: 0; position: relative;}
.header-search a::before {content: "\f52a"; font-family: "bootstrap-icons"; font-size: 20px; color: #000;}


@media screen and (min-width:1200px) {
    .scrolled img {transition: all 0.3s ease;}
    .scrolled .navbar-brand img {width: 100px; height: auto;}
    .scrolled.navbar a {font-size: 16px;}
    .scrolled .btn.btn-light {width: 30px; height: 30px; padding: 0;}
    .scrolled .btn.btn-light img {width: 10px;}
    .scrolled.navbar .header-search a {font-size: 0;}
    .scrolled.navbar .header-search a::before {font-size: 14px;}
}