:root {
  --theme-color: #ffc134;
   --blue-color: #b3d9ea;
}
  @font-face {
    font-family: 'Trebuchet MS';
    font-style: normal;
    font-weight: normal;
    src: local('Trebuchet MS'), url('../font/trebuc.woff') format('woff');letter-spacing:1px;
    }
    

    @font-face {
    font-family: 'Trebuchet MS Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Trebuchet MS Italic'), url('../font/Trebuchet-MS-Italic.woff') format('woff');
    }
*{scroll-behavior:smooth;}
.bg-theme{background:var(--theme-color) !important}
.bg-blue{background:var(--blue-color) !important}
.text-theme{color:var(--theme-color) !important;}
.title1{font-size:2.25rem}
 .title2{font-size:2rem}
 .title3{font-size:1.75rem}
 .title4{font-size:1.5rem}
 .title5{font-size:1.25rem}
 .title6{font-size:1rem}
 .title7{font-size:0.8rem;}
 .weight300{font-weight:300 !important}
.weight400{font-weight:400 !important}
.weight500{font-weight:500 !important}
.weight600{font-weight:600 !important}
.weight700{font-weight:700 !important}
.weight800{font-weight:800 !important}
.font-Trebuchet{font-family:'Trebuchet MS' !important;letter-spacing:1px;}
body {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif !important;    font-family: 'Noto Sans' !important;    overflow-x: hidden;
}
.container-large {
    padding: 0 55px !important;
}
.main-logo{    width: 120px;
    background: #fff;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 18px -10px;
    border-radius: 15px;position:relative;z-index:999;}
nav.navbar{    background: #ffc134;    height: 45px;  }
.main-navbar ul li a{color:#333;font-size: 1.0rem;font-family:'Trebuchet MS';z-index: 9;
    font-weight: 700;    padding: 0.2rem 1rem;padding-left:20px !important;padding-right:20px !important;transition:0.5s;border-radius:20px;position:relative;}
    .main-navbar ul li a.active::before{bottom:0;opacity: 1;}
    .main-navbar ul li a.active{color:#fff;}
    
    .main-navbar ul li{padding: 5px 0;}
    .main-navbar ul li a::before{transition:0.3s;content:'';position:absolute;top:0;bottom:100%;left:0;right:0;background:#222;border-radius:20px;opacity: 0;z-index: -9;}
.main-navbar ul li a:hover::before{bottom:0;opacity: 1;}
.main-navbar ul li a:hover{color:#fff;}
    .banner-section img{position:absolute;width:40%;bottom:0;right:0;object-fit:cover;}
    .banner-section #text{position:absolute;color:#222;white-space:nowrap;font-size:5vw;z-index:9;font-weight:800;    margin-left: 55px;left:0;top:25%;
            line-height: 1.2;    font-weight: bold;    -webkit-text-stroke: 1px #222;    letter-spacing: 2.5px;
    }
    .banner-section{background:linear-gradient(0deg, #b3d9ea,#b3d9ea, transparent);background:#a2d0dd;position:relative;width:100%;height:90vh;padding:100px;display:flex;justify-content:center;align-items:center}
.banner-section #banner-yellow-bg{z-index:10;}
.banner-section #banner-sofa{z-index:11;    height: 230px;    object-fit: contain;    object-position:left }
.banner-section #banner-plant1{z-index:11;   height: 300px;    object-fit: contain;    object-position: right;}
.banner-section #banner-plant2{z-index:11;height: 165px;    object-fit: contain;    object-position: right;}
.custom-dropdown {    position: relative;    display: flex;   
    border-radius: 5px;    cursor: pointer;}
.custom-dropdown .items {    position: absolute;    top: 0;    left: 0;    width: 185px;    height: 160px;
    margin-top: 41px;    overflow: hidden;    visibility: hidden;    transition: .5s;z-index: 9999;}
.custom-dropdown.active .items {    visibility: visible;}
.custom-dropdown .items a {    position: relative;    left: 100%;    display: flex;   font-weight: 400;    font-size: 0.9em;
    background: #fff;    text-decoration: none;    border-radius: 5px;    padding: 10px 15px;    margin-top:3px;    z-index: 1;
    overflow: hidden;    transition: .5s;    transition-delay: calc(60ms * var(--i));box-shadow:2px 1px 5px #0000002b;}
.custom-dropdown.active .items a {    left: 0;}
.custom-dropdown .items a:hover {}
.custom-dropdown .items a span {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #ffc134;
    z-index: -1;    border-radius: inherit;    transform: rotate(160deg);    transform-origin: right;    transition: .5s;}
.custom-dropdown .items a:hover span {    transform: rotate(0deg);}

.about-us-section{background:url(../images/about-us-2.jpg);    background-size: cover;
    background-position: bottom;background-attachment:fixed;}
.btn-black-inner{    background: linear-gradient(1deg, black, #423e4a);    border: none;    color: #fdbd43;
    font-weight: bold;    text-transform: uppercase;border-radius:20px;}
    .btn-black{    position: relative;    overflow: hidden;    height: 36px;    display: inline-block;}
    .btn-black::before{position: absolute;    top: 0;    left: -75%;    z-index: 2;    display: block;
    content: '';    width: 50%;    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);    transform: skewX(-25deg);}
     .btn-black:hover::before {    -webkit-animation: shine .75s;    animation: shine .75s;}
     .why-imm-section{background:url(../images/why-imm-bg.jpg);    background-size: cover;
    background-position: center;background-attachment:fixed;}
     .why-imm-section .inner{background: rgb(244 186 55 / 70%);    padding: 70px;    padding-bottom: 0;    border-radius: 0 40px 40px 0;}
    .delay-1{  animation-delay: 0.5s;}
     .delay-2{  animation-delay: 1s;}
.delay-3{  animation-delay: 1.5s;}
.delay-4{  animation-delay: 2s;}
.delay-5{  animation-delay: 2.5s;}
.delay-6{  animation-delay: 3s;}
.delay-7{  animation-delay: 3.5s;}



.mySwiper .inner img{width:100%;border-radius:30px;}
.mySwiper .inner p{text-align:center;}
.mySwiper .inner p span{font-size:0.9em;text-transform:uppercase;    border-radius: 9px;}
.swiper-pagination {bottom:-5px !important;}
.container.key-products-section {  position: relative;  display: flex;  flex-direction: column;  gap: 24px;
  margin: 50px auto;  height: 5040px;  align-items: center;}

.key-products-section .card {  width: 100%;  margin: 0 20px;  box-sizing: border-box;  background: #dedede;
  border-radius: 32px;  position: sticky;  display:flex;  align-items: center;  justify-content: center;}
.key-products-section .card img{    width: 101%;    height: 101%;    margin-top: -2px;    margin-bottom: -2px;    border-radius: 32px;}
.key-products-section .card-1 {  top: 50px; background:url(../images/key-product-bg-1.jpg);    background-size: contain;
    background-position: center;background-attachment:fixed;box-shadow:rgba(0, 0, 0, 0.75) 5px 26px 27px -22px;}
.key-products-section .card-2 {  top: 70px; background:url(../images/key-product-bg-2.jpg);    background-size: contain;background-position: center;background-attachment:fixed;}
.key-products-section .card-3 {  top: 90px;  background:url(../images/key-product-bg-3.jpg);    background-size: contain;background-position: center;background-attachment:fixed;}
.key-products-section .card-4 {  top: 110px; background:url(../images/key-product-bg-4.jpg);    background-size: contain;background-position: center;background-attachment:fixed;}
.key-products-section .card-5 {  top: 130px; background:url(../images/key-product-bg-5.jpg);    background-size: contain;background-position: center;background-attachment:fixed;}
.key-products-section .card-6 {  top: 150px; background:url(../images/key-product-bg-6.jpg);    background-size: contain;background-position: center;background-attachment:fixed;}
.key-products-section .card-7{  top: 170px;  background:url(../images/key-product-bg-7.jpg);    background-size: contain;background-position: center;background-attachment:fixed;;}
.key-products-section .card-8 {  top: 190px; background:url(../images/key-product-bg-8.jpg);    background-size: contain;background-position: center;background-attachment:fixed;}
.key-products-section .card-9 {  top: 210px; background:url(../images/key-product-bg-9.jpg);    background-size: contain;background-position: center;background-attachment:fixed;}
.key-products-section .card-10 {  top: 230px; background:url(../images/key-product-bg-10.jpg);    background-size: contain;background-position: center;background-attachment:fixed;}
.key-products-section .card-11 {  top: 250px; background:url(../images/key-product-bg-11.jpg);    background-size: contain;background-position: center;background-attachment:fixed;}
.key-products-section .card-12 {  top: 270px; background:url(../images/key-product-bg-12.jpg);    background-size: contain;background-position: center;background-attachment:fixed;box-shadow:rgba(0, 0, 0, 0.75) 5px 26px 27px -22px;}
.profiles-section .main-img{width:100%;border-bottom:5px solid var(--theme-color);    border-radius: 70px 0 70px 0;}
.defaultCountdown {  width: 40rem;  height: 45px;  margin: 1rem auto; }
  .defaultCountdown .countdown-section {    display: block;    float: left;    font-size: 75%;    text-align: center;
    background-color: rgba(0, 0, 0, 0.54);    color: #333;    margin-right: 1rem;    height: 9rem;    width: 8rem;    position: relative; }
    .defaultCountdown .countdown-section:last-child {      margin-right: 0; }
    .defaultCountdown .countdown-section .countdown-amount {      font-size: 4rem;      display: block;      text-align: center; }
    .defaultCountdown .countdown-section .countdown-period {      font-size: 1.2rem;      display: block;      text-align: center; }

.defaultCountdown .countdown-section .countdown-amount { font-family:'Trebuchet MS' !important;   font-size: 3rem; display:inline-block;     text-align: center;
    background: transparent;    width: 120px;    height: 120px;  
    border-radius: 15px;    padding-top: 20px;border:3px solid #333;}
    .defaultCountdown .countdown-section{background:transparent;}
     .defaultCountdown .countdown-section .countdown-period{color:#333;text-transform:uppercase;margin-top:15px;font-weight:600;font-family:'Trebuchet MS' !important;}
     
      .bottom-social i{background: var(--theme-color);    color: #333;    padding: 14px;    width: 50px;    height: 50px;
    text-align: center;    border-radius: 50%;transition:0.5s;font-size: 1.4em;}
    .bottom-social{position:absolute;width:100%;    z-index: 999;
    top: -25px;}
     .bottom-social a{transition:0.5s;}
    .bottom-social a:hover i{background:#333;    color: #fff;}
    footer {    padding-bottom: 1rem;    background-color: #333333;        color: #fff;}
footer a{color:#fff;}
footer a:hover{color:var(--theme-color);}
.back-to-top {    margin: 0 !important;    padding: 0 !important;    background: var(--theme-color);    height: 0px;
    width: 0px;    overflow: hidden;    border-radius: 50px;    -webkit-border-radius: 50px;    -moz-border-radius: 50px;
    color: transparent;    clear: both;    visibility: hidden;    position: fixed;    cursor: pointer;    display: block;
    border: none;    right: 50px;    bottom: 75px;    font-size: 0px;    outline: 0 !important;    z-index: 99;
    -webkit-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;  }
  button.back-to-top:hover,  button.back-to-top:active,  button.back-to-top:focus,  {  outline: 0 !important;  }
  button.back-to-top::before,  button.back-to-top::after {    content: "";    display: block;    vertical-align: middle;
    border-bottom: solid 10px #333;    border-left: solid 10px transparent;    line-height: 0;    border-right: solid 10px transparent;
    height: 0;    margin: 18px auto 0;    width: 0;    border-radius: 20px;    visibility: hidden;  }
  button.back-to-top.show::after,  button.back-to-top.show::before {    visibility: visible;  }
  button.back-to-top::after {    border-bottom-color: var(--theme-color);    position: relative;    top: -24px;  }
  button.back-to-top.show {    display: block;    background: var(--theme-color);    color: #00ab6c;    font-size: 25px;
    right: 25px;    bottom: 50px;    height: 50px;    width: 50px;    visibility: visible;    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);    -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);  }
  button.back-to-top.show:active {    box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);    -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);  }
.yellow-line{width:400px;}
.fixed-header{position:fixed;width:100%;    z-index: 999;    background: #fff;}
.custom-form .form-control{border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px 0 rgb(0 0 0/0.05),0 0 #0000,0 0 #0000,0 0 #0000,0 1px 1px 0 rgb(0 0 0/0.05);}
.custom-form label{    letter-spacing: 0.3px;color:rgb(55 65 81);font-size:.875rem;}
.custom-form ::placeholder{color:#888;font-size:0.9em;}

   @-webkit-keyframes shine {	100% {		left: 125%;	}}
@keyframes shine {	100% {		left: 125%;	}} 


    
@media all and (max-width: 640px) {
    .container-large {
    padding: 0 10px !important;
}
    .defaultCountdown {    width: 100%;    height: 45px;    margin: 1rem auto; }
    .defaultCountdown .countdown-section {      display: block;      float: left;      font-size: 75%;      text-align: center;
           margin-right: 0.5rem;      height: 6rem;      width: 22.5%;      position: relative; }
      .defaultCountdown .countdown-section:last-child {        margin-right: 0; }
      .defaultCountdown .countdown-section .countdown-amount {        font-size: 2rem;        display: block;
        text-align: center;        font-weight: 700; }
      .defaultCountdown .countdown-section .countdown-period {        font-size: 1.2rem;        display: block;        text-align: center; }
   .defaultCountdown .countdown-section .countdown-amount{    font-size: 1.5rem;width: 70px;
    height: 70px;padding-top: 15px; margin-right: 10px;}       
    .defaultCountdown .countdown-section .countdown-period{        font-size: 1rem;}
              .defaultCountdown{padding:0;border:none;height:130px;width: 100%;        margin: 0 !important;}
              
              .main-navbar .navbar-toggler {        background: url(../images/menu-icon.png);
        background-size: contain;        background-repeat: no-repeat;  margin-top: -20px;        background-position: center;  }
        .main-logo{width: 80px; padding: 5px;    margin-top: -23px;}
        .main-navbar .navbar-nav{    background: #fff;    border-bottom: 5px solid #ffc134;}
        .yellow-line{width:100%;}
        #about-img{    position: absolute;    opacity: 0.3;    right: 0;    width: 50%;}
        .why-imm-section{background-attachment:scroll;}
        .why-imm-mb .inner p span{font-size:0.9em;text-transform:uppercase;    border-radius: 5px;}
        .why-imm-mb .inner p{text-align:center;}
        .why-imm-mb .owl-next{position: absolute;    right: -25px;    top: 35px;}
        .why-imm-mb .owl-next span{    font-size: 3.5em;}
        .why-imm-mb .owl-prev{position: absolute;    left: -25px;    top: 35px;}
        .why-imm-mb .owl-prev span{    font-size: 3.5em;}
        .container.key-products-section{height:5500px;}
         .delay-1,.delay-2,.delay-3,.delay-4,.delay-5,.delay-6,.delay-7{  animation-delay: 0s;}
         
.key-products-section .card-1,.key-products-section .card-2,.key-products-section .card-3,.key-products-section .card-4,.key-products-section .card-5,
.key-products-section .card-6,.key-products-section .card-7,.key-products-section .card-8,.key-products-section .card-9,
.key-products-section .card-10,.key-products-section .card-11,.key-products-section .card-12{  top: 50px;  background-size: contain;
        background-attachment: scroll;        background-position: bottom;}


}





