body {
  font-family: "Figtree", system-ui;
  line-height:1.2;
  font-weight:500;
}

.fw-normal{
    font-weight:400;
}

sup{
    top: -2px;
  left: 2px;
}

.cl{
 height:12px !important;
 width:12px !important;
}

.justify{
  text-align: justify !important;
}

.iframe{
  width: 500px !important;
  height: 800px !important;
  margin: auto;
  display: flex;
}


.bg-light {
    --bs-bg-opacity: 1;
    background-color: #f0f0f0 !important;
  }

 /* loader */
#overlay {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
  /* background: rgb(255, 255, 255); */
}

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #0616f7 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  100% {
      transform: rotate(360deg);
  }
}

.is-hide {
  display: none;
}
/* loader */

img{
  width: 100%;
}


a{
  text-decoration: none;
  color: #444;
}

.sc-tab{
overflow-x: scroll;
}

.sc-tab ul{
flex-wrap:nowrap;
}

.slide-wrap {
    position: absolute;
  width: 80%;
  padding: 0px;
  top: 10%;
  left: 23px;
  margin-right: 0;
  }

.logo{
height: 30px;
}

.navbar-brand img {
    height: 45px;
    width: auto;
    padding: 8px 10px;
  }

.active_m{
font-weight: bold;
color: #000;
border: 1px solid #c4c4c4;
}

/* .hv-img a img:last-child {
    display: none;
  }

 .hv-img a:hover img:last-child {
  display: block;
  }

 .hv-img a:hover img:first-child {
    display: none;
}
*/
.display-3{

}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #00acd4;
  }

   .nav-link {
    color: #333;
  }

.bg-blue{
    background: #00acd4;
  }

  .bg-unitedintl{
    background: #0f145b;
  }
.text-unitedintl{
 color: #0f145b;
}


.w-20{
width: 50%;
}

  .btn-unitedintl{
background: #0f145b;
color: #fff;
  }

    .btn-unitedintl:hover{
box-shadow: 0px 0px 0px 1px #0f145b;
    }

.navbar .megamenu a {
    text-decoration: none;
    color: #777;
  }

  .txt-blue{
  color: #0f145b;
}

.fs-7{
  font-size: 10px;
}

.v-height{
  height: 500px;
}

.hero_banner{
  height: 350px;
  background-size: cover !important;
  background-position: center !important;
  padding: 15px 0px;
}


.bg-ab{
  background: rgba(255, 255, 255, 0.7) url('../img/ab.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}

.bg-about{
background: rgba(255, 255, 255, 0.7) url('../img/ab_bg.webp');
background-size: cover;
background-blend-mode: overlay;
}

.bg-paper{
background: rgba(255, 255, 255, 0.7) url('../img/bg_paper.webp');
background-size: cover;
background-blend-mode: overlay;
}


.br{
color: #c49566;
}

.pk{
color: pink;
}

.mix{
  display: inline-block;
height: 12px;
width: 12px;
background: linear-gradient(45deg, rgba(131,58,180,1) 0%, rgba(54,226,225,1) 21%, rgba(253,29,29,1) 50%, rgba(112,50,252,1) 76%, rgba(252,176,69,1) 100%); 
}

.bluestrp{
    display: inline-block;
height: 15px;
width: 15px;
   background: rgb(58,84,180);
background: linear-gradient(90deg, rgba(58,84,180,1) 0%, rgba(255,255,255,1) 2%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 50%, rgba(83,29,253,1) 50%, rgba(189,168,254,1) 52%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 98%, rgba(70,69,252,1) 100%); 
}

.bg-bagsse{
  background: rgba(255, 255, 255, 0.7) url('../img/bg_bagsse.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}

p{
  margin-bottom: 5px;
  font-size: 12px;
}


.nav-pills li{
white-space: nowrap;
}

.text-m-center{
text-align: center;
}

.bg-canline{
  background: rgba(255, 255, 255, 0.7) url('../img/bg_canline.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}

.bg-stretch{
  background: rgba(255, 255, 255, 0.7) url('../img/bg_stretchfilm.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}

.bg-plastic{
  background: rgba(255, 255, 255, 0.7) url('../img/bg_plastic.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}

.bg-alu{
  background: rgba(255, 255, 255, 0.7) url('../img/bg_alu.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}


.bg-linen{
  background: rgba(255, 255, 255, 0.7) url('../img/bg_linen.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}


.bg-jan{
  background: rgba(255, 255, 255, 0.7) url('../img/bg_jan.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}

.bg-pos{
  background: rgba(255, 255, 255, 0.7) url('../img/bg_pos.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}

.bg-cup{
  background: rgba(255, 255, 255, 0.7) url('../img/bg_cup.webp');
  background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
}


.bg-light {
  --bs-bg-opacity: 1;
  background-color: #f0f0f0 !important;
}




@media (min-width: 576px) { 

.iframe{
  width: 500px !important;
  height: 800px !important;
  margin: auto;
  display: flex;
}

.navbar-brand img {
    height: 45px;
    width: auto;
    padding: 8px 10px;
  }

.w-20{
width: 50%;
}

  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: -1px;
    border: 0px;
    box-shadow: 0px 22px 30px rgba(0,0,0,0.4);
    padding: 40px 10px;
  }

.sc-tab{
overflow-x: scroll;
}

.sc-tab ul{
flex-wrap:nowrap;
}

.slide-wrap {
   position: absolute;
    width: 60%;
    padding: 0px;
    bottom: 0;
    left: 0;
    margin-right: 0;
    top: 20%;
  }
  
   .master-wrap {
    width: 505px;
    position: absolute;
    height: 100%;
    z-index: 1;
    margin: auto;
    right: 0;
    left: 0;
  }

.logo{
height: 30px;
}

.navbar .megamenu a {
    text-decoration: none;
    color: #777;
  }


}


@media (min-width: 768px) { 
    
    .iframe{
  width: 500px !important;
  height: 800px !important;
  margin: auto;
  display: flex;
}
    .master-wrap {
    width: 720px;
    position: absolute;
    height: 100%;
    z-index: 1;
    margin: auto;
    right: 0;
    left: 0;
  }
    
      .navbar .megamenu {
      left: 0;
      right: 0;
      width: 100%;
      margin-top: 0;
    }
    
      .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: -1px;
    border: 0px;
    box-shadow: 0px 22px 30px rgba(0,0,0,0.4);
    padding: 40px 10px;
  }
    
}


@media (min-width: 992px) { 
    
    .iframe{
  width: 500px !important;
  height: 800px !important;
  margin: auto;
  display: flex;
}

 .master-wrap {
    width: 960px;
    position: absolute;
    height: 100%;
    z-index: 1;
    margin: auto;
    right: 0;
    left: 0;
  }
    
    
    
      .navbar .megamenu {
      left: 0;
      right: 0;
      width: 100%;
      margin-top: 0;
    }
    
    .navbar .has-megamenu {
      position: static !important;
    }
    
    .w-20 {
    width: 20% !important;
  }
  
    .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: -1px;
    border: 0px;
    box-shadow: 0px 22px 30px rgba(0,0,0,0.4);
    padding: 40px 10px;
  }
  
  .process-1{
position: absolute;
    top: 30%;
    z-index: 1;
    width: 50px;
    right: -6%;
}

.process-2{
position: absolute;
    top: 30%;
    z-index: 1;
    width: 50px;
    right: -10%;
}

    
}


@media (min-width: 1200px) { 
    
    .footer > .nav-link{
        font-size:12px !important;
    }


.iframe{
  width: 500px !important;
  height: 800px !important;
  margin: auto;
  display: flex;
}

  .navbar .megamenu {
      left: 0;
      right: 0;
      width: 100%;
      margin-top: 0;
    }
    
    .w-20 {
    width: 20% !important;
  }
  
  .navbar .has-megamenu {
      position: static !important;
    }
    
      .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: -1px;
    border: 0px;
    box-shadow: 0px 22px 30px rgba(0,0,0,0.4);
    padding: 40px 10px;
  }

.swiper-nav-right{
right: -4vw;
  background: #00acd4;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  color: #fff;
}

.swiper-nav-left{
left: -4vw;
  background: #00acd4;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  color: #fff;
}

.swiper-button-next::after, .swiper-button-prev::after {
font-size: 20px;  
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

  .slide-wrap {
    position: absolute;
    width: 60%;
    padding: 0px;
    top: 20%;
    left: 0;
    margin-right: 0;
  }

  .master-wrap {
    width: 1100px;
    position: absolute;
    height: 100%;
    z-index: 1;
    margin: auto;
    right: 0;
    left: 0;
  }

  .bg-blue{
    background: #00acd4;
  }

  .bg-unitedintl{
    background: #0f145b;
  }

 .btn-blue{
background: #00acd4;
color: #fff;
  }

    .btn-blue:hover{
box-shadow: 0px 0px 0px 1px #00acd4;
    }



  .btn-unitedintl{
background: #0f145b;
color: #fff;
  }

    .btn-unitedintl:hover{
box-shadow: 0px 0px 0px 1px #0f145b;
    }


.pt{
height: 60px;
}

.logo{
height: 30px;
}

.swiper {
      width: 100%;
      height: 100%;
    }


.txt-blue{
  color: #0f145b;
}

.fs-7{
  font-size: 10px;
}

.v-height{
  height: 500px;
}

.sc-tab{
overflow-x: scroll;
}

.sc-tab ul{
flex-wrap:nowrap;
}

   
.fs-6_5{
    font-size:12px;
}

.process-1{
position: absolute;
    top: 30%;
    z-index: 1;
    width: 70px;
    right: -6%;
}

.process-2{
position: absolute;
    top: 30%;
    z-index: 1;
    width: 70px;
    right: -10%;
}


 }


@media (min-width: 1400px) { 
    
 .fs-6_5{
    font-size:12px;
}

.iframe{
  width: 500px !important;
  height: 800px !important;
  margin: auto;
  display: flex;
}

.swiper-nav-right{
right: -4vw;
  background: #00acd4;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  color: #fff;
}

.swiper-nav-left{
left: -4vw;
  background: #00acd4;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  color: #fff;
}

.swiper-button-next::after, .swiper-button-prev::after {
font-size: 20px;	
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}

  .slide-wrap {
    position: absolute;
    width: 50%;
    padding: 0px;
    bottom: 0;
    left: 0;
    margin-right: 0;
  }

  .master-wrap {
    width: 1320px;
    position: absolute;
    height: 100%;
    z-index: 1;
    margin: auto;
    right: 0;
    left: 0;
  }

  .bg-blue{
    background: #00acd4;
  }

  .bg-unitedintl{
  	background: #0f145b;
  }

 .btn-blue{
background: #00acd4;
color: #fff;
  }

    .btn-blue:hover{
box-shadow: 0px 0px 0px 1px #00acd4;
    }



  .btn-unitedintl{
background: #0f145b;
color: #fff;
  }

    .btn-unitedintl:hover{
box-shadow: 0px 0px 0px 1px #0f145b;
    }


.pt{
height: 60px;
}

.logo{
height: 30px;
}

.swiper {
      width: 100%;
      height: 100%;
    }


.txt-blue{
	color: #0f145b;
}

.fs-7{
	font-size: 10px;
}

.v-height{
	height: 500px;
}

.hero_banner{
  height: 24vw;
}

.bg-paper{
background: url('../img/bg_paper.webp');
background-size: cover;
}

.tab-width{
  width: 200px;
    flex: none;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #00acd4;
}

.nav-link {
  color: #333;
}

.bg-ab{
  background: url('../img/ab.webp');
  background-position: center;
    background-size: cover;
}

.bg-about{
background: url('../img/ab_bg.webp');
background-size: cover;
}

.b-ptrn{
height: 18vw;
}

.sc-tab{
overflow-x: scroll;
}

.sc-tab ul{
flex-wrap:nowrap;
width: 2000px;
}

.sc-tab li{
white-space: nowrap;
}

.br{
color: #c49566;
}

.pk{
color: pink;
}

.mix{
  display: inline-block;
height: 12px;
width: 12px;
background: linear-gradient(45deg, rgba(131,58,180,1) 0%, rgba(54,226,225,1) 21%, rgba(253,29,29,1) 50%, rgba(112,50,252,1) 76%, rgba(252,176,69,1) 100%); 
}

.bluestrp{
    display: inline-block;
height: 15px;
width: 15px;
   background: rgb(58,84,180);
background: linear-gradient(90deg, rgba(58,84,180,1) 0%, rgba(255,255,255,1) 2%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 50%, rgba(83,29,253,1) 50%, rgba(189,168,254,1) 52%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 98%, rgba(70,69,252,1) 100%); 
}

.bg-bagsse{
  background: url('../img/bg_bagsse.webp');
  background-position: center;
    background-size: cover;
}

p{
  margin-bottom: 5px;
}

.bg-canline{
  background: url('../img/bg_canline.webp');
  background-position: center;
    background-size: cover;
}

.bg-stretch{
  background: url('../img/bg_stretchfilm.webp');
  background-position: center;
    background-size: cover;
}

.bg-plastic{
  background: url('../img/bg_plastic.webp');
  background-position: center;
    background-size: cover;
}

.bg-alu{
  background: url('../img/bg_alu.webp');
  background-position: center;
    background-size: cover;
}


.bg-linen{
  background: url('../img/bg_linen.webp');
  background-position: center;
    background-size: cover;
}


.bg-jan{
  background: url('../img/bg_jan.webp');
  background-position: center;
    background-size: cover;
}

.bg-pos{
  background: url('../img/bg_pos.webp');
  background-position: center;
    background-size: cover;
}

.bg-cup{
  background: url('../img/bg_cup.webp');
  background-position: center;
    background-size: cover;
}


.bg-light {
  --bs-bg-opacity: 1;
  background-color: #f0f0f0 !important;
}


 /*.hv-img a img:last-child {
    display: none;
  }

 .hv-img a:hover img:last-child {
  display: block;
  }

 .hv-img a:hover img:first-child {
    display: none;
}
*/
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #0f145b;
  font-weight: bold;
}


.process-1{
position: absolute;
    top: 30%;
    z-index: 1;
    width: 70px;
    right: -6%;
}

.process-2{
position: absolute;
    top: 30%;
    z-index: 1;
    width: 70px;
    right: -10%;
}


/*mega menu*/
.navbar .megamenu{ left: 0;
    right: 0;
    width: 100%;
    margin-top: -1px;
    border: 0px;
    box-shadow: 0px 22px 30px rgba(0,0,0,0.4);
    padding: 40px 10px;}

.navbar .megamenu a{
text-decoration: none;
color: #777;
}

.navbar .megamenu a:hover{
color: #000;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
  
} 
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
/* ============ mobile view .end// ============ */
/*mega menu ends*/


.active_m{
font-weight: bold;
color: #000;
border: 1px solid #c4c4c4;
}

.txt-ras{
  color: #e30b5d;
}

.txt-mauve{
  color: #a17188;
}

.text-mg{
 color: #bde5cb;
}

.text-cb{
 color: #92a1cf;
}

.txt-bdg{
color: #dcc494;
}

.w-20{
width: 20% !important;
}

 }


.whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
  z-index: 1050;
}

.whatsapp-float:hover {
  text-decoration: none;
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}