/*reboot start*/

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

  *{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  html{ width:100%; overflow-x: hidden;margin:0px; padding:0px;scroll-behavior: smooth;}
  body{ margin:0px; padding:0px;background:#fff;width:100%;overflow-x: hidden;}
  p{ margin:0px; padding:0px; }
  h1{ margin: 0px; padding: 0px;  }
  h2{ margin: 0px; padding: 0px;  }
  h3{ margin: 0px; padding: 0px;  }
  h4{ margin: 0px; padding: 0px;  }
  h5{ margin: 0px; padding: 0px;  }
  h6{ 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 .3s;}
  a:hover, a:focus, a:active{ text-decoration:none;transition: all .3s;}
  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%;}
  ::-moz-selection { color: #fff; background:var(--hover-color);}
  ::selection { color: #fff; background: var(--hover-color);}
/*reboot end*/





/*custom fonts end*/

/* Variables and common styles start =========================*/
  :root{
    --bodyfont: "Inter", sans-serif;
    --accent-font: "Inter", sans-serif;
    --head-font: "Archivo Black", sans-serif;
    --head-font-2: "Archivo Black", sans-serif;
    --pdg:clamp(30px, 7.8vw, 198px);
    --pdg-big:clamp(60px, 15.52vw, 394px);
    --fs-80: clamp(35px, 3.15vw, 80px);
    --fs-70: clamp(32px, 2.76vw, 70px);
    --fs-60: clamp(30px, 2.37vw, 44px);
    --fs-50: clamp(26px, 1.97vw, 40px);
    --fs-30: clamp(18px, 1.19vw, 30px);
    --fs-26: clamp(16px, 1.03vw, 26px);
    --fs-24: clamp(15px, 0.95vw, 24px);
    --fs-20: clamp(14px, 0.79vw, 20px);
    --body-font-size:var(--fs-24);
    --btn-font-size:var(--fs-20);
    --eyebrow-font-size:var(--fs-26);
    --body-font-color:#000;
    --head-font-color:#000;
    --main-clr:#000;
    --menu-color:#000;
    --hover-color:#ef4d37;
  }

  body{font-family:var(--bodyfont);font-size:var(--body-font-size);color:var(--body-font-color);line-height:1.4;font-weight:400;}
  a{color:var(--main-clr);transition:0.2s;cursor: pointer;}
  a:hover{text-decoration:none;color:var(--main-clr);}
  p + p{margin-top:1.4em;}
  ul, ol{padding-left:1.1em}
  .text-white * p, .text-white * h1, .text-white * h2, .text-white * h3, .text-white * h4, .text-white * h5, .text-white * h6{ color:#fff; }
  .light-bg{background-color: var(--light-bg);}
  [id]{scroll-margin-top: 80px}



  /*section padding start*/
  .common-padding{padding-top: var(--pdg);padding-bottom: var(--pdg) }
  .common-padding-top{padding-top: var(--pdg)}
  .common-padding-btm{padding-bottom: var(--pdg)}
  .common-padding-big{padding-top: var(--pdg-big);padding-bottom: var(--pdg-big) }
  .common-padding-big-top{padding-top: var(--pdg-big)}
  .common-padding-big-btm{padding-bottom: var(--pdg-big)}



  /*headings start*/
  h1,h2,h3,h4,h5,h6{line-height:1.2;color: var(--head-font-color);}
  h1{font-size:var(--fs-80);font-family:var(--head-font);line-height: 1.1;margin-bottom: clamp(8px, 0.6vw, 15px);}
  h2{font-size:var(--fs-60);font-family:var(--head-font);margin-bottom: clamp(25px, 1.58vw, 40px);line-height:1;text-transform:uppercase;}
  h2:first-letter{background: linear-gradient(transparent 12%,var(--hover-color) 12%,var(--hover-color) 88%,transparent 88%);color:#fff;padding: 0 4px;margin-right: 2px}




  /*top button start*/
  .go-to-top{position:fixed;bottom:20px;right:20px;width:clamp(36px, 3.27vw, 50px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#333;color:#fff;border:0;z-index:99;opacity:0;transition:0.3s;font-size:var(--fs-20);box-shadow: 0 0 0 2px #fff}
  .go-to-top:hover{background: var(--hover-color);color: #fff}
  .go-to-top.show{opacity:1}

  /*sticky-bottom*/
  .sticky-btm-sec{display:none;}


  /*common button start */
  .btncn{position:relative;display: inline-flex;padding:clamp(11px, 0.67vw, 17px) clamp(18px, 1.19vw, 30px) clamp(10px, 0.63vw, 16px);font-size: var(--btn-font-size);font-weight: 400;letter-spacing: 0em;border-width:1px;border-style:solid;justify-content: center;font-family:var(--accent-font);border-radius: 0px;gap: 10px;align-items:center;transition: 0.3s;cursor:pointer;line-height:1.2;text-align: left;text-transform:uppercase;}
  .btncn:after{content:'';width:clamp(9px, 0.67vw, 17px);aspect-ratio:1;display:inline-block;background:url(assets/images/arrow-btn.webp) center / contain no-repeat;transition:0.3s;flex-shrink:0}
  .btncn:hover:after{transform:rotate(45deg)}

  .btncn-default{background-color: var(--main-clr); color:#fff;border-color:var(--main-clr);}
  .btncn-default:after{filter: brightness(0) invert(1);}
  .btncn-default:hover{background-color:var(--hover-color);border-color:var(--hover-color);color:#fff}

  .btncn-line{ border-color:var(--main-clr);color:var(--head-font-color);background-color:transparent}
  .btncn-line:hover{ background-color:var(--hover-color); color:#fff;border-color:var(--hover-color) }
  .btncn-line:hover:after{filter: brightness(0) invert(1);}

  .btncn-white{border-color:#fff;color: var(--head-font-color);background-color: #fff;}
  .btncn-white:hover{ background-color:var(--hover-color); color:#fff;border-color:var(--hover-color) }
  .btncn-white:hover:after{filter: brightness(0) invert(1);}

  .buttonGroup{ display:flex; gap:18px;margin-top:clamp(30px, 2.37vw, 60px);}


  /*full image start */
  .full-image img{ width:auto; max-width:inherit; }
  .full-right{ display:flex; justify-content:flex-end; }


  /*splide styles start*/
  .splide__pagination {position: static; margin-top: 30px; gap: 6px;display:flex!important;justify-content:center;padding:0 }
  .splide__pagination button {width: 8px; margin: 0; height: 8px; display: block; transition: 0.3s; opacity: 1; background: #5a5a5a2e; }
  .splide__pagination button::before{content:'';top:50%;left:50%;transform:translate(-50%, -50%);width:14px;height:14px;border:1px solid var(--main-clr);position:absolute;border-radius:50%;opacity:0;transition:0.3s}
  .splide__pagination li {display: block; }
  .splide__pagination button.is-active {transform: none; background: var(--main-clr); }
  .splide__pagination button.is-active::before{opacity:1}
  .splide__pagination button:hover {background: var(--main-clr); opacity:1; }


  /*modal zindex issue*/
  .modal {--bs-modal-zindex: 100000; }
  .modal-backdrop {--bs-backdrop-zindex:99999 ; }
  .modal .btn-close{box-shadow: none;}


  .sticky-sec{position:fixed;top:0;width:100%;z-index: 1000;pointer-events:none;transition: ease 0.5s;transform: translateY(-100%);z-index: 1000;opacity: 0}
  .sticky-sec.sticky-ele{pointer-events:all;transform: translate(0);opacity: 1}


  @media only screen and (min-width: 1200px) {
    .container{ max-width:clamp(1160px, 87.96vw, 2234px)}
  }

  @media only screen and (max-width:1199px){
    a{ text-decoration:none; border: 0px; outline: none; transition:none;}
    a:hover, a:focus, a:active{ transition:none; }  
  }
  @media only screen and (max-width:991px){
    .full-image img{ max-width:100% }
    .buttonGroup{gap:10px;}
    p + p {margin-top: 0.8em; }
    h2:first-letter{padding: 2px 2px;}


    .sticky-btm-a {padding: 8px 5px; text-align: center; font-size: 24px; background: var(--main-clr); color: #fff; }
    .sticky-btm-a:hover{color:#fff}
    .sticky-btm-sec {position: sticky; bottom: 0; left: 0; width: 100%; z-index: 99; box-shadow: 0 0 18px #fff5;display:block; }
    .sticky-btm-a:nth-child(2) {background: #39AE41; color: #fff; }
    .go-to-top {display: none; }

  }
  @media only screen and (max-width:767px){
    .container{padding-left:20px;padding-right:20px }
    .buttonGroup {flex-wrap: wrap;}
    .buttonGroup .btncn::after{margin-left: auto;}
    .buttonGroup .btncn{flex-grow: 1}
    [id]{scroll-margin-top: 40px}
    .btncn {padding-top: 17px;padding-bottom: 15px;}
    .btncn::after{width:15px}
  }

/* Variables and common styles End =========================*/



/*Header Start =========================*/
  body{--headerHeight: 134px;}
  .fixed{--headerHeight: 80px;}
  .header{position: fixed;top: 0;z-index: 999;width: 100%;transition:0.3s;background:transparent;text-transform: uppercase;background: #ffffff;}
  .fixed{position: fixed;top:0;left:0;width:100%;background: #ffffff;z-index: 999;box-shadow: 0 0 10px #0003;}
  
  .logo{height: 97px;transition:all .5s;flex-shrink: 0;max-width: 149px;align-self: center;}
  .logo img{max-height: 100%;object-fit:contain;width:auto;display:block;}
  .headerHolder{ display:flex; justify-content:space-between;gap:20px;height: var(--headerHeight);transition: 0.3s;}

  .fixed .logo{height: 60px;}

  .navigation{--nav-padding:15px;margin: 0 calc(var(--nav-padding) * -1);}
  .navigation nav ul{display:flex;margin:0;padding:0;list-style:none;font-size: var(--fs-14);font-weight: 500;}
  .navigation nav ul li a{position: relative;color: #fff;z-index: 10;font-family: var(--bodyfont);color: var(--body-font-color);}
  .navigation nav ul li a:hover{ color:var(--main-clr); }

  .navigation nav{height:100%;}
  .navigation nav > ul{height:100%}
  .navigation nav > ul > .current-menu-item > a{font-weight:600;color:var(--main-clr)}
  .navigation nav > ul > li> a {padding-left: var(--nav-padding);padding-right: var(--nav-padding);display: flex;justify-content: center;align-items:center;height:100%;position:relative}
  .navigation nav > ul > li> a::after{position:absolute;top: calc(50% + 20px);left:50%;width:0;opacity:60%;transform:translate(-50%,-100%);background:var(--font-color-light);content:'';height:1px;transition:0.3s}
  .navigation nav > ul > li:hover> a{color:var(--main-clr);}
  .navigation nav > ul > li:hover > a::after,.navigation nav > ul > li.current-menu-item > a::after,.navigation nav > ul > li > a.active::after{width:calc(100% - var(--nav-padding) * 2)}
  .fixed .navigation nav > ul > li> a::after{top:100%}
  .navigation nav > ul > li:has( ul) > a::after{display:none;}

  .navigation nav ul ul {position: absolute;top: calc(50% + 30px);left: inherit;flex-direction: column;min-width: 260px;background: #ffffff;gap: 0;padding:0;z-index: 100;box-shadow: 0 0px 9px #0002;pointer-events:none;opacity:0;visibility:hidden;transition:0.3s}
  .fixed .navigation nav ul ul{top:100%}
  .navigation nav ul li:hover > ul{pointer-events:all;opacity:1;visibility:visible}
  .navigation nav ul ul li:not(:last-child){border-bottom: 1px solid #10101017;}
  .navigation nav ul ul a {padding: 12px var(--nav-padding);display: block;}
  .navigation nav ul ul a:hover{color:#fff;background:var(--main-clr);}  


  .mean-container .mean-nav ul li li li a{ padding: 0.5em 15% !important;  }
  a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding: 0px 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:2px;margin-top:5px}.mean-container a.meanmenu-reveal span:first-child{margin-top:0px}.mean-container .mean-nav{float:none;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:none;width:100%}.mean-container .mean-nav ul li a{display:block;float:none;width: 100%;margin:0;text-align:left;color: #fff;border-top:1px solid #383838;border-top: 1px solid rgba(255,255,255,.3);text-decoration:none;}.mean-container .mean-nav ul li li a{width: 100%;border-top:1px solid rgba(255,255,255,.3);border-top:1px solid rgba(255,255,255,.3);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:has( > .mean-expand) > a{padding-right: 30px;}

  .mean-container .mean-nav ul li a{padding: 1em 0;}
  .mean-container .mean-nav ul li li a{padding:1em 10%}
  .mean-container .mean-nav ul li li li a{padding:1em 15%}
  .mean-container .mean-nav ul li li li li a{padding:1em 20%}
  .mean-container .mean-nav ul li li li li li a{padding:1em 25%}
  .mean-container .mean-nav ul li li li li li li a{padding:1em 30%}

  .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: 22px;height: 56px;line-height: 56px;padding: 0!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0);border:0!important;border-left:1px solid rgba(255,255,255,0)!important;border-bottom:1px solid rgba(255,255,255,0)!important;font-size: 14px!important;}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,0)}.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: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.mean-remove{display:none!important}


  .headerRight{align-self: center;}
  /*.headerRight .btncn::after {display: none;}
  .headerRight .btncn {font-size: var(--fs-14);font-weight: 500;padding: 8px 12px;}*/


  @media only screen and (min-width:1200px){
    .mobileMenu{display:none;}
  }
  @media only screen and (max-width: 1499px) {

  }
  @media only screen and (max-width: 1399px) {
    
    

  }
  @media only screen and (max-width: 1199px) {
    .headerHolder{ position:relative; }
    .mean-container{width: 35px;flex-shrink:0;order: 1;}
    .mean-container .mean-bar {position: relative;left: 0;width: 100%;float: none;z-index: 99;top: 50%;background:transparent;pointer-events: none;}
    .mean-container .mean-bar a{pointer-events: all;}
    .mean-container a.meanmenu-reveal{border:1px solid transparent;padding: 3px 6px 3px;margin-top:0px;border-radius:0;height: 34px;width: 35px;line-height: 27px;transform: translate(0, -50%);background: var(--main-clr); display: flex; flex-direction: column; justify-content: center;}
    .mean-container .mean-nav ul li a{ font-family:var(--bodyfont);font-size:16px }
    .mean-container .mean-nav > ul > li:first-child > a{ border:none; }
    .mean-container .mean-nav{background:var(--menu-color);filter: drop-shadow(0px 3px 3px #fff2);padding: 0 20px;overflow:auto;max-height:calc(100dvh - var(--headerHeight));margin-top: calc(var(--headerHeight) / 2);width: 100vw;max-width: 100vw;position: fixed;left:0}
    .mean-container .mean-nav > ul{max-width:930px;margin-left:auto;margin-right:auto}
    .mean-container a.meanmenu-reveal{ z-index:9999 }
    .mega-menu-container.container{padding:0!important;}   
    .navigation{ visibility:hidden; display:none; }
    .headerRight{margin-left:auto}

    body{--headerHeight: 90px;}
    .fixed{--headerHeight: 70px;}
    .logo{height: 70px;}
    .fixed .logo{height: 50px;}
   
  }
  @media only screen and (max-width: 991px) {
    .mean-container .mean-nav > ul{max-width:696px;}
  }
  @media only screen and (max-width: 767px) {    
    .headerHolder {gap: 10px;padding: 10px 0 }
    .mean-container .mean-nav > ul{max-width: 500px;}
    body{--headerHeight: 80px;}
    .fixed{--headerHeight: 60px;}
    .logo{height:60px;}
    .fixed .logo{height: 40px;}
    .headerRight .btncn {font-size: 12px; padding: 10px 13px;letter-spacing:0.02em}
    .headerRight .btncn::after{width: 9px}


  }
/*Header End =========================*/






/*Banner Start =========================*/
  .porfolio-iframe iframe {min-height: min(63vw, 880px);}
  .top-of-banner-text {text-align: center; max-width: 900px; margin-left: auto; margin-right: auto; margin-bottom: 25px; }

  .home-banner-content{position: relative;padding-top: clamp(40px, 5.12vw, 130px);padding-left: clamp(31px, 2.45vw, 62px);padding-bottom: clamp(20px, 1.58vw, 40px);margin-top: clamp(45px, 3.55vw, 90px);margin-left: clamp(31px, 2.45vw, 62px);display: flex;flex-direction: column;height: 100%}
  .home-banner-content:before{content:""; position:absolute; left: -1px; top:0; width: 2px; height: 100%; background:#9c9a9a; }
  .home-banner-content:after{content:""; position:absolute; left: 0; top:0; width: 20px; aspect-ratio: 1; box-shadow: inset 0 0 0 2px #9c9a9a; background: transparent; transform: translate(-50%, -100%); display: block; }
  .home-banner h2{font-size: var(--fs-70);margin-bottom: clamp(20px, 6.11vw, 155px);text-transform: none;line-height: 1.2}
  .home-banner h2:first-letter{background: transparent;color:var(--main-clr);padding:0;margin-right: 0px}
  .home-banner h1 strong,.home-banner h2 strong {font-weight: 800; color: var(--hover-color); }
  .home-banner-content p{font-weight:500;margin-top: clamp(20px, 6.11vw, 155px);}

  .home-banner-slider{position:relative; max-width:clamp(222px, 17.49vw, 444px);}
  .hb-slider-img img{width:100%; display:block; }

  .home-banner-icons{display:flex; justify-content:space-between; align-items:flex-start; }
  .hb-icon-item{position:relative; text-align:center;flex-shrink:0 }
  .home-banner-arrow{flex-grow:1;height: 2px; background: #9c9a9a;align-self:center;position:relative;}
  .home-banner-arrow:after{content:""; position:absolute; top: 50%;right: 2px; width: 10px; aspect-ratio: 1; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: translate(0%, -50%) rotate(45deg); }

  .hb-icon-item-text {position: absolute; bottom: clamp(-25px, -0.99vw, -13px); left: 50%; transform: translate(-50%, 100%); min-width: 200%; }
  .hb-icon-item-text p{font-size: clamp(11px, 0.79vw, 20px); line-height:1.2; text-transform:uppercase; color:#222; margin:0; }
  .home-banner {padding-top: calc(var(--headerHeight) + clamp(35px, 2.76vw, 70px)); padding-bottom: calc(var(--pdg) + 3em);overflow:hidden; }
  .hb-icon-item-img{width: clamp(60px, 4.93vw, 125px); aspect-ratio: 1; border-radius:50%; border: 2px solid #9c9a9a; display:flex; align-items:center; justify-content:center; background: #fff; position:relative; z-index:2;transition:0.3s }
  .hb-icon-item-img:before{content:""; position:absolute; inset: clamp(6px, 0.48vw, 12px); border-radius:50%; box-shadow: 0 0 10px #00000033; background: #fff; z-index: -1;transition:0.3s }
  .hb-icon-item-img img {max-width: clamp(27px, 2.13vw, 54px);transition:0.3s }
  .hb-icon-item a:hover .hb-icon-item-img {border-color: var(--hover-color);}
  .hb-icon-item a:hover .hb-icon-item-img:before{background: var(--hover-color);}
  .hb-icon-item a:hover .hb-icon-item-img img{filter:brightness(0) invert(1)}

  .home-banner-slider div:has( ~ .swiper-slide-active) img {transform: scale(0.9);transform-origin: left;}
  .home-banner-slider .swiper-slide-active ~ div img {transform-origin: right;}
  .hb-slider-img img{ transform: scale(0.9); box-shadow: 0 0 26px #0000001f;transition: 0.3s;opacity: 0.4}
  .swiper-slide-active .hb-slider-img img{transform: scale(1);opacity: 1;}
  .home-banner-slider .swiper-slide {overflow: visible}
  .hb-slider-img {filter: drop-shadow(0 0 26px #0000001f);}
  .hb-slider-item{background:#fff}

  .home-banner-content:after {opacity:0;}
  .home-banner-content:before {height:0;}
  .home-banner-content.aos-animate:after {animation: boxanim 0.5s 1s forwards}
  .home-banner-content.aos-animate:before {animation: lineanim 1s 1.4s forwards}

  @keyframes boxanim{
      0%{opacity:0}
      100%{opacity:100%}
  }
  @keyframes lineanim{
      0%{height:0}
      100%{height:100%}
  }

  .home-banner-icons-sticky.sticky-ele::after{content:'';width:100%;height: 10px;background:#fff;position:absolute;bottom:0;left:0;z-index:-9999;box-shadow: 0 0 10px #0005;}
  .home-banner-icons-sticky.sticky-ele{top: 79px;}
  .home-banner-icons-sticky-inr {background: #fff;padding: 10px 0 clamp(43px, 3.35vw, 85px);}
  .sticky-sec .hb-icon-item-img{width:clamp(40px, 3.15vw, 80px)}
  .sticky-sec .hb-icon-item-img:before{inset:clamp(3px, 0.24vw, 6px)}
  .sticky-sec .hb-icon-item-img img{max-width:clamp(20px, 1.58vw, 40px)}
  .sticky-sec .hb-icon-item-text {min-width: clamp(130px, 9.06vw, 230px);bottom: clamp(-9px, -0.36vw, -5px);}



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

  }
  @media only screen and (max-width: 1199px){
    .hb-icon-item-text p{font-size:10px}
    .home-banner-icons-sticky.sticky-ele{top: 69px;}
  }
  @media only screen and (max-width: 991px){
    .porfolio-iframe iframe {min-height: min(66vw, 650px);}

    .home-banner-slider {margin-left: auto; margin-right: auto; }
    .home-banner-content {margin-top: 0;padding-left: 0;margin-left: 0;padding-bottom: 0;height: auto;text-align: center;}
    .home-banner-content:before {display: none;}
    .home-banner-content:after{display: none;}
    .hb-icon-item-img {border-width: 1px; }
    .home-banner{padding-bottom:var(--pdg)}
    .home-banner h1 br,.home-banner h2 br {display: none; }
    .home-banner-content p{margin-top: 15px;}
    .home-banner h2{margin-bottom: 15px;}
    .home-banner-icons-sticky{display:none}
    
    .hb-icon-item-text p {font-size: 14px; }
    .not-sticky-sec .home-banner-arrow {height: 40px; width: 1px; align-self: flex-start; margin-left: 30px; }
    .not-sticky-sec .home-banner-arrow:after {width: 7px; transform: translate(0, -100%) rotate(135deg); right: -3px; top: 95%; border-width: 1px 1px 0 0; }
    .not-sticky-sec.home-banner-icons {flex-direction: column;display: none;}
    .not-sticky-sec .hb-icon-item > * {display: flex; gap: 12px; }
    .not-sticky-sec .hb-icon-item-text {position: static; transform: none; min-width: auto; align-self: center; text-align: left; }


    @keyframes lineanim{
        0%{height:0}
        100%{height:calc(100% + 200px);}
    }

    .sticky-sec .hb-icon-item-img,.sticky-sec .home-banner-arrow  {display: none; }
    .sticky-sec .home-banner-icons {flex-wrap: wrap; gap: 3px; justify-content: center; align-items: stretch; }
    .sticky-sec .hb-icon-item-text {min-width: 0; position: static;transform:none; }
    .home-banner-icons-sticky-inr {padding: 5px 0; }
    .sticky-sec .hb-icon-item {border: 1px solid #898989; border-radius: 0; padding: 3px 2px; display: flex; justify-content: center; flex-direction: column; flex-grow: 1; }
    .sticky-sec .hb-icon-item-text p{font-size:8px;line-height: 1.1;}


  }
  @media only screen and (max-width: 767px){
    .home-banner-icons-sticky.sticky-ele {top: 59px; }
  }
  @media only screen and (max-width: 640px){
    .porfolio-iframe iframe {min-height: min(119vw, 790px);}
  }
/*Banner End =========================*/



/*common sections start*/
  .cmn-text > p:first-child{font-size:var(--eyebrow-font-size);font-family: var(--head-font);letter-spacing: 0.15em;text-transform:uppercase;margin-bottom: clamp(16px, 1.19vw, 30px);-webkit-text-stroke: 0.03em currentColor;}
  .cmn-text h3{font-size:var(--fs-30);font-weight:700;margin-bottom: clamp(15px, 1.19vw, 30px);}
  .cmn-img img{width:100%;display:block;}
  .cmn-text ul{padding: 0;margin: 0;list-style:none;font-size: var(--fs-30);font-weight: 500;}
  .cmn-text li:not(:last-child){margin-bottom: clamp(13px, 1.03vw, 26px);}
  .cmn-text ul li{position:relative;padding: 0 0 0 clamp(34px, 2.21vw, 56px);}
  .cmn-text ul li::after{position:absolute;top: 0;left:0;width: clamp(18px, 1.15vw, 29px);aspect-ratio: 29/27;min-height: clamp(24px, 1.54vw, 39px);background:url('assets/images/checkmark.webp') center / contain no-repeat;content: ''}
  .cmn-text h2:last-child{margin-bottom:0}

  .cmn-img-col{display:flex;gap:clamp(10px, 1.19vw, 30px);align-items:flex-start;}

  .cmn-text-btm .cmn-text-col{align-self:flex-end;}
  .row-reverse .container > .row{flex-direction: row-reverse;}

  .sec-type-1 .container > .row,
  .sec-type-3 .container > .row,
  .sec-type-4 .container > .row,
  .sec-type-5 .container > .row,
  .sec-type-6 .container > .row{row-gap: 30px;}

  .sec-type-2 .container > .row{row-gap: clamp(30px, 1.97vw, 50px);}
  .sec-type-2 .cmn-text{margin-left:auto;}

  .st-3-imgs{max-width:840px;margin-left:auto;}
  .st-3-imgs .row{--bs-gutter-x:clamp(10px, 1.34vw, 34px);row-gap: clamp(10px, 1.34vw, 34px)}

  .st-4-img-row {display: flex; margin: clamp(-15px, -0.6vw, -5px); flex-wrap: wrap; justify-content: flex-end; align-items: baseline; }
  .st-4-img-col {padding: clamp(5px, 0.6vw, 15px); width: 39%; }
  .st-4-imgs {max-width: 90%;}
  .st-4-img-col:first-child {flex-grow: 1; }
  .st-4-imgs .cmn-img {box-shadow: 0px 10px 35px #0000001a; }

  .sec-type-6{overflow:hidden;}
  .sec-type-6 .cmn-img-col{gap:clamp(10px, 1.82vw, 46px)}
  .sec-type-6 .cmn-img{box-shadow: 0px 10px 35px #0000001a;}
  .sec-type-6 .cmn-img:last-child{margin-top:clamp(60px, 11.62vw, 295px)}
  .sec-type-6 .container > .row{--bs-gutter-x:clamp(50px, 5.2vw, 132px)}


  @media only screen and (max-width:991px){
    .cmn-text h2 br,.cmn-text h3 br,.cmn-text ul br{display:none;}
    .st-4-imgs{max-width:100%}
  }
/* common sec end */


/*faq sec start*/
  .faq-hd {text-align: center;margin-bottom: clamp(15px, 2.37vw, 60px);}
  .faq-sec .accordion {
      --bs-accordion-btn-padding-y: clamp(16px, 1.97vw, 50px);
      --bs-accordion-btn-padding-x: clamp(10px, 1.19vw, 30px);
      --bs-accordion-body-padding-y: clamp(22px, 1.97vw, 50px);
      --bs-accordion-body-padding-x: clamp(10px, 1.19vw, 30px);
      --bs-accordion-inner-border-radius:0;
      --bs-accordion-border-radius:0;
      --bs-accordion-border-width:0;
      --bs-accordion-active-bg:transparent;
      --bs-accordion-active-color:#000;
      --bs-accordion-btn-focus-box-shadow:none;
  }
  .faq-sec .accordion-button {font-size: var(--fs-30); font-weight: 700;gap:15px }
  .faq-sec .accordion-body {font-size: var(--fs-30); font-weight: 500;padding-top:0;max-width: clamp(1000px, 65.36vw, 1660px); }
  .faq-sec .accordion-button span {max-width: clamp(1000px, 63vw, 1600px);}
  .faq-sec .accordion-item {border-bottom: 1px solid #000; }
  .faq-sec .accordion-button::after {content: '+';background-image: none;line-height: 20px;transform: none;text-align: center;}
  .faq-sec .accordion-button:not(.collapsed)::after {content: '-';background-image: none;transform: none;text-align: center;}

  @media only screen and (max-width:991px){
    .faq-sec .accordion-button {font-size: 18px;}
    .faq-sec .accordion-button::after {font-size: 24px;}
  }
/*faq sec start*/


/*Footer start =========================*/
  .site-footer{padding-bottom:clamp(30px, 3.55vw, 90px)}
  .site-footer .row{row-gap:30px}
  .footer-mid{text-align: center;}
  .footer-social ul{margin:0;padding:0;list-style:none;display:flex;justify-content: flex-end;gap:clamp(18px, 2.76vw, 70px)}
  .footer-social ul a{width:clamp(44px, 3.47vw, 88px);display:block;border-radius:50%;transition:0.3s}
  .footer-social ul a:hover{transform:scale(1.1)}
  .footer-mid {font-size: var(--fs-30); font-weight: 500; padding-top: clamp(100px, 7.88vw, 200px); }
  .footer-social {padding-top: clamp(72px, 5.67vw, 144px); }
  .footer-logo {max-width: clamp(185px, 14.53vw, 369px); }


  @media only screen and (max-width:991px){
    .footer-social {padding: 0; }
    .footer-social ul {justify-content: center; }
    .footer-logo {margin-left: auto; margin-right: auto; }
    .footer-mid {padding-top: 0; }
  }
/*Footer end =========================*/


/*mobile steps start*/
  .mobile-steps-btn {border-radius: 0;position: fixed;bottom: 10px;right: 10px;border: 0;box-shadow: 0 0 0 2px #fff;display: flex;background: #000000;color: #ffffff;z-index: 1000;text-transform: uppercase;font-size: 12px}
  .mobile-steps-close {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #000000; border-radius: 50%; transition: 0.3s; opacity: 0; z-index: 1; }
  .open .mobile-steps-close {opacity: 1; }
  .mobile-steps {position: fixed;bottom: 47px;right: 10px;width: 280px;background: #ffffff;border-radius: 0;padding: 20px 19px;z-index: 1000;opacity:0;pointer-events:none;max-height: calc(100dvh - 79px);overflow: auto;}
  .mobile-steps-btn-inr {padding: 5px 8px;display:flex;gap:5px;align-items:center}
  .mobile-steps.open{opacity: 1;pointer-events: all;}
  .mobile-steps ul {padding: 0; margin: 0; display: flex; flex-direction: column; }
  .mobile-steps ul li {display: block; }
  .mobile-steps ul li:not(:last-child){margin-bottom:7px;padding-bottom:7px;}
  .mobile-steps ul li a {line-height: 1.2; display: flex;gap:6px; }
  .mobile-steps-btn.open::after {position: fixed; inset: 0; content: ''; background: #0000008f; z-index: -999999; }
  @media only screen and (min-width:992px){
    .mobile-steps-btn{display: none;}
    .mobile-steps{display: none;}
  }

/*mobile steps end*/



/*modal start*/
  .discuss-modal.modal {--bs-modal-border-width: 0;--bs-modal-border-radius: 0;--bs-modal-inner-border-radius: 0;--bs-modal-header-padding: clamp(20px, 2.09vw, 40px) clamp(15px, 2.61vw, 50px) 20px clamp(15px, 2.61vw, 50px);--bs-modal-padding: 20px clamp(15px, 2.61vw, 50px) clamp(15px, 2.61vw, 50px) clamp(15px, 2.61vw, 50px);/* --bs-modal-header-border-width: 0; */}
  .modal-header h2 {margin-bottom: 0; font-size: var(--fs-30); }
  .discuss-modal-form {flex-direction: column;display: flex;gap: 20px;}
  .discuss-modal-form input:not([type=radio]):not([type=checkbox]):not([type=submit]), .discuss-modal-form select, .discuss-modal-form textarea {border: 1px solid #ced4da;border-radius: 0px;padding: 16px 22px;background-color: transparent;box-shadow: none !important;width: 100%;color: #000000c7;transition: 0.3s;display: block;}
  .discuss-modal-form select {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230F4A74' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 17px; background-position: center right 25px; appearance: none; padding-right: 50px; }
  .discuss-modal-form textarea {max-height: clamp(88px, 11.9vw, 140px); resize: none }
  .discuss-modal-form ::placeholder {opacity: 1; color: #000000c7 }
  .discuss-modal-form input:not([type=radio]):not([type=checkbox]):focus,.discuss-modal-form select:focus,.discuss-modal-form textarea:focus {border-color: var(--hover-color); }
  .discuss-modal-form input[type=submit] {position: relative; display: inline-flex; padding: clamp(11px, 0.67vw, 17px) clamp(18px, 1.19vw, 30px) clamp(10px, 0.63vw, 16px); font-size: var(--btn-font-size); font-weight: 400; letter-spacing: 0em; border-width: 1px; border-style: solid; justify-content: center; font-family: var(--accent-font); border-radius: 0px; gap: 10px; align-items: center; transition: 0.3s; cursor: pointer; line-height: 1.2; text-align: center; text-transform: uppercase; background-color: var(--main-clr); color: #fff; border-color: var(--main-clr); }
  .discuss-modal-form input[type=submit]:hover {background-color: var(--hover-color);border-color:var(--hover-color); color: #fff }
  .discuss-modal-form-row {display: flex;gap: 15px;justify-content:center;flex-direction: column;align-items: center;}
  .wa-btn .btncn::after {display: none;}
  .wa-btn .btncn img {width:20px;}
  .wa-btn .btncn i {font-size: 150%;line-height: 0}
  .wa-btn .btncn{background-color:#25d366;border-color:#25d366; color:#fff;}
  .wa-btn .btncn:hover{background-color:#238748;border-color:#238748}
  .discuss-modal-form-row span {font-size: 90%;text-transform: uppercase;font-weight: 700;letter-spacing: 0.1em;display: flex;gap: 10px;width: 100%;align-items: center;}
  .discuss-modal-form-row span:before, .discuss-modal-form-row span:after{content:'';display:block;flex-grow:1;width:50%;height:1px;background: linear-gradient(90deg, #a5a5a5, #0000);}
  .discuss-modal-form-row span:before{background:linear-gradient(-90deg, #a5a5a5, #0000)}
  .discuss-modal-form-row input, .discuss-modal-form-row .btncn{max-width:100%;width:400px}


  @media only screen and (max-width:991px){
    .discuss-modal-form-row{flex-direction: column;align-items: stretch;}
    .discuss-modal-form-row input,.discuss-modal-form-row .btncn{width: 100%;}
  }


/*modal end*/



.pdf-iframe{height: 100dvh;overflow: hidden;}
.pdf-iframe iframe{height: 100dvh;width:100%}






/*bulk-content Sec Start =========================*/
  .bulk-content-sec {padding: clamp(80px, 8.32vw, 158px) 0 clamp(50px, 8.32vw, 158px); }
  .bulk-content p{text-align:justify;}
  .bulk-content-banner {background: #02280f; }
  .bulk-content-banner .bannerContent {padding: calc(var(--headerHeight) + clamp(50px, 6.74vw, 100px)) 0; }
  .bulk-content-banner .bannerSliderItem {min-height:auto}
  .bulk-content :is(h2, h3, h4, h5, h6){margin-top:1.5em;margin-bottom:0.6em}
  .bulk-content :is(ul,ol,table){margin-top:1em;margin-bottom: 1.2em;}
  .bulk-content table{ width:100%;margin-bottom: 30px}
  .bulk-content table td{ padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; font-weight: 300; }
  .bulk-content table thead th{ background:var(--main-clr); padding:10px; border:1px solid #3c3d4238; font-size: var(--fs-16); line-height: 1.4; color:#fff }
  .bulk-content h2{font-size:clamp(20px, 1.58vw, 30px);}
  .bulk-content h3{font-size:clamp(18px, 1.37vw, 26px)}
  .bulk-content h4{font-size:clamp(17px, 1.27vw, 24px)}
  .bulk-content h5{font-size:clamp(16px, 1.16vw, 22px)}
  .bulk-content h6{font-size:clamp(16px, 1.06vw, 20px)}
  .bulk-content > *:first-child{margin-top:0}
  .bulk-content li:not(:first-child){margin-bottom:0.8em}

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

  }
/*bulk-content Sec End =========================*/


/*Aos*/
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {transition-delay: 3s }
[data-aos][data-aos][data-aos-delay="3100"],body[data-aos-delay="3100"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="3100"].aos-animate,body[data-aos-delay="3100"] [data-aos].aos-animate {transition-delay: 3.1s }
[data-aos][data-aos][data-aos-delay="3200"],body[data-aos-delay="3200"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="3200"].aos-animate,body[data-aos-delay="3200"] [data-aos].aos-animate {transition-delay: 3.2s }
[data-aos][data-aos][data-aos-delay="3300"],body[data-aos-delay="3300"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="3300"].aos-animate,body[data-aos-delay="3300"] [data-aos].aos-animate {transition-delay: 3.3s }
[data-aos][data-aos][data-aos-delay="3400"],body[data-aos-delay="3400"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="3400"].aos-animate,body[data-aos-delay="3400"] [data-aos].aos-animate {transition-delay: 3.4s }
[data-aos][data-aos][data-aos-delay="3500"],body[data-aos-delay="3500"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="3500"].aos-animate,body[data-aos-delay="3500"] [data-aos].aos-animate {transition-delay: 3.5s }
[data-aos][data-aos][data-aos-delay="4000"],body[data-aos-delay="4000"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="4000"].aos-animate,body[data-aos-delay="4000"] [data-aos].aos-animate {transition-delay: 4s }
[data-aos][data-aos][data-aos-delay="4500"],body[data-aos-delay="4500"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="4500"].aos-animate,body[data-aos-delay="4500"] [data-aos].aos-animate {transition-delay: 4.5s }
[data-aos][data-aos][data-aos-delay="5000"],body[data-aos-delay="5000"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="5000"].aos-animate,body[data-aos-delay="5000"] [data-aos].aos-animate {transition-delay: 5s }
[data-aos][data-aos][data-aos-delay="5500"],body[data-aos-delay="5500"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="5500"].aos-animate,body[data-aos-delay="5500"] [data-aos].aos-animate {transition-delay: 5.5s }
[data-aos][data-aos][data-aos-delay="6000"],body[data-aos-delay="6000"] [data-aos] {transition-delay: 0 }
[data-aos][data-aos][data-aos-delay="6000"].aos-animate,body[data-aos-delay="6000"] [data-aos].aos-animate {transition-delay: 6s }

[data-aos][data-aos][data-aos-duration="4000"],body[data-aos-duration="4000"] [data-aos] {transition-duration: 4s }
[data-aos][data-aos][data-aos-duration="4500"],body[data-aos-duration="4500"] [data-aos] {transition-duration: 4.5s }
[data-aos][data-aos][data-aos-duration="5000"],body[data-aos-duration="5000"] [data-aos] {transition-duration: 5s }

@media only screen and (max-width:991px) {
  [data-aos=fade-right],[data-aos=fade-left]{transform: translate3d(0,100px,0) }
  [data-aos-delay]{transition-delay: 0s!important}

}


/* Pop Form CSS */
.error-msg{color:#dc3545;font-size:13px;margin-top:4px;}

input.error,
textarea.error{border:1px solid #dc3545;}

.success{color:#0b8c33;margin-top:15px;}

.error{color:#dc3545;margin-top:15px;}