/* Banner CSS */

.banner-inner-page {
    padding-bottom: 70px;
    padding-top: 90px;
}

.banner-inner-page .banner-content {
    text-align: center;
}

.banner-inner-page .banner-content h1 {
    max-width: 60vw;
    margin: 0 auto;
}

.banner-content p {
    max-width: 60vw;
    margin: 15px auto 10px;
}

.banner-inner-page .banner-content .btn {
    margin-top: 20px;
}

.banner-inner-page .brand-sec {
    padding-top: 120px;
}

.load-more-btn {
    text-align: center;
    margin: 60px 0 0;
}

.brand-sec {
    background: transparent;
}

/* End Banner CSS */


.banner-suceess{padding:10rem 0rem;} 
.banner-suceess .banner-content{  position:relative; }
.banner-suceess .item{ width:65%; position:absolute; left:0; top:-5rem; height:100%; right:0; margin:0 auto;} 
.banner-suceess .item li{ position:absolute; top:0; width:7rem;  }
.banner-suceess .item li:nth-child(1){ left:0; }
.banner-suceess .item li:nth-child(2){ left:50%; top:-2.5rem; transform:translateX(-50%);} 
.banner-suceess .item li:nth-child(3){ right:0;} 
.banner-suceess .item li:nth-child(4){ left:-12rem; top:70%; }
.banner-suceess .item li:nth-child(5){ right:-10rem; top:50%;  } 
.banner-suceess .item li:nth-child(6){ left:0; top:100%;}
.banner-suceess .item li:nth-child(7){ right:0; top:100%;}

.banner-suceess h1 span{ display:block; width:100%;}
.banner-suceess h1{color:#3f2e88; max-width:940px; margin:0 auto;} 
.banner-suceess .h5{max-width:540px; margin:0 auto; padding-top:1.5rem; font-weight:500;}  

  
.launch-sec{background: #FEA340; background:-webkit-linear-gradient(to bottom, #FEA340 0%, #FC2C35 100%); background:-moz-linear-gradient(to bottom, #FEA340 0%, #FC2C35 100%); background:linear-gradient(to bottom, #FEA340 0%, #FC2C35 100%); padding:10rem 0rem 7rem;} 
.launch-sec .row{ align-items:flex-start; justify-content:space-between;}
    
.launch-sec .launch-img, 
.launch-sec .launch-content{ max-width:49%; flex:0 0 49%; padding:0 1rem; position:relative;}

.launch-sec .launch-co{background: #4CA8A7; background: -webkit-linear-gradient(to bottom, #4CA8A7 0%, #C0CF6C 50%, #FE9C41 100%); background: -moz-linear-gradient(to bottom, #4CA8A7 0%, #C0CF6C 50%, #FE9C41 100%); background: linear-gradient(to bottom, #4CA8A7 0%, #C0CF6C 50%, #FE9C41 100%);}
.launch-sec .launch-content .logo-tag{ padding-bottom:0.5rem;}
.launch-sec .launch-content h2{ color:#ffffff; }
.launch-sec .launch-content h2 span{ display:block;}  
.launch-sec .launch-content p{ color:#fff; padding-top:0.5rem; max-width:80%; }
.launch-sec .featured-tag{ color:#fff; font-size:1.25rem; background-color:#412688; border-radius:2rem; padding:0.5rem 2rem; position:absolute; top:-4rem; left:1rem;}

.product-sec{ padding:6rem 0rem;} 
.product-sec .row{ margin:0;}
.product-sec .product-item-main {display: grid;grid-template-columns: repeat(4, 3fr);gap: 1.5rem;}

.product-sec .item-box{ display:grid; height:100%;  border-radius:1.5rem;  box-shadow:0px 2px 50px -20px rgba(0, 0, 0, 0.1); background:#ffff; position:relative; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border:double 2px transparent;}
.product-sec .item-box .inner{padding:0;position: relative;}
.product-sec .item-box img{ width:100%;}
.product-sec .item-box h5{  padding-top:1rem;}
.product-sec .item-box p{   padding-top:0.3rem;}
.product-sec .item-box:hover{background-image: linear-gradient(white, white), linear-gradient(90deg, rgba(241,0,215,1) 0%, rgba(255,31,47,1) 15%, rgba(242,83,73,1) 33%, rgba(255,169,63,1) 49%, rgba(179,214,118,1) 63%, rgba(0,134,202,1) 83%, rgba(0,0,255,1) 100%); background-origin: border-box;  background-clip: content-box, border-box;}
.product-sec .item-box .inner .full-click {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
 
.suceess-wrapper .brand-sec{ padding-bottom:7rem;}
.suceess-wrapper .color-bg .testimonial-sec{background: #4CA8A7; background: -webkit-linear-gradient(to bottom, #4CA8A7 0%, #C0CF6C 50%, #FE9C41 100%); background: -moz-linear-gradient(to bottom, #4CA8A7 0%, #C0CF6C 50%, #FE9C41 100%); background: linear-gradient(to bottom, #4CA8A7 0%, #C0CF6C 50%, #FE9C41 100%);}
.suceess-wrapper .testimonial-sec .curve{ display:none;} 


footer:before{ display:none;}






.newsupdateSection {
padding: 100px 0px 100px;
overflow: hidden;
background-color: var(--dc-primary);
}

.newsupdateSectionbg{
    position: relative;
}



.newsupdateBoxMain {
    z-index: 1;
}



.newsupdateBoxSlider {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    padding-bottom: 30px;
}

.newsupdateBoxSlider .slick-slide {
    margin: 0px 10px;
}

.newsupdateSection .button {
    margin: 0px auto 30px;
    display: table;
}

.newsupdateSection .button a {
    font-size: 16px;
    color: var(--white);
    font-weight: 600;
    line-height: normal;
    text-align: center;
    padding: 6px 20px;
    margin: 0px 10px;
    border: 1px solid var(--white);
    border-radius: 5px;
}

.newsupdateBox {
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 20px;
    overflow: hidden;
     margin: 20px;
    padding: 0px;
    background: var(--white);
    padding-bottom: 40px;
}

.newsupdateBox small {
    max-height: 348px;
    height: 100%;
    display: block;
}

.newsupdateBox .artical{
    padding: 30px 20px;
}

.newsupdateBox p {
    padding: 0px 0px;
    font-size: 22px;
    color: var(--black);
    font-weight: 600;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bottomArtical {
    margin: 0px 20px;
}

.bottomArtical ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.bottomArtical ul li {
    font-size: 18px;
    color: var(--black);
    font-weight: 200;
    line-height: normal;
    text-transform: uppercase;
}

.bottomArtical ul li img {
    width: 45px;
    height:45px;
}

.newsupdateBoxSlider .slick-dots li button:before {
    color: var(--white);
    opacity: 0.65;
}

.newsupdateBoxSlider .slick-dots li.slick-active button:before {
    color: var(--white);
    opacity: 1;
}



/** media css start **/


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

.banner-suceess{ padding:8rem 0rem;}    
.banner-suceess .item{ width:80%;}    
    
.launch-sec{  padding:8rem 0rem 5rem;}
.launch-sec .launch-content p{ max-width:100%;}
    

    
.product-sec{ padding:5rem 0rem;}
.suceess-wrapper .brand-sec{ padding-bottom:5rem;}
    
    
}
 
@media screen and (max-width:1599px){
.banner-suceess h1 {
    max-width: 820px;
    
}  
}


@media screen and (max-width:1199px){
    
.banner-suceess{ padding:5rem 0rem;}    
.banner-suceess h1{ max-width:620px;}
    
    
.banner-suceess .item{ width:90%;}      
.banner-suceess .item li:nth-child(5){ right:-5rem;}
.banner-suceess .item li:nth-child(4){ left:-5rem;}
    
.launch-sec .featured-tag{ font-size:1.12rem;}
.launch-sec{  padding:7rem 0rem 4rem;}
.launch-sec .launch-content p{ max-width:100%;}

    
.product-sec .product-item-main{gap:2rem;}    
.product-sec .item-box .inner{ padding:1.3rem;}    

    
    
.product-sec{ padding:4rem 0rem;}
.suceess-wrapper .brand-sec{ padding-bottom:4rem;}

 
    
}




@media screen and (max-width:991px){
    
.banner-suceess h1{ max-width:600px;}
.product-sec .product-item-main{gap:1rem; grid-template-columns:repeat(2, 2fr);}       
.product-sec .item-box .inner{ padding:1rem;}     
.banner-suceess .h5 { max-width:440px;} 

}  

 

@media screen and (max-width:767px){ 
    
.banner-suceess{ padding:8rem 0rem 2.5rem;}
.banner-suceess .item li{ display:none;}
.banner-suceess .item li:nth-child(2){ display:block;}    
.banner-suceess .banner-content{ max-width:100%;}
.banner-suceess p{ max-width:90%; padding-top:1rem;}  

.launch-sec{ padding:7rem 0rem 3rem;}
.launch-sec .launch-img, 
.launch-sec .launch-content{ max-width:100%; flex:0 0 100%;}
.launch-sec .launch-content h2 span{ display:inline-block;}
.launch-sec .launch-content .logo-tag{ padding-top:2rem;}

.product-sec{ padding:3rem 0rem}
.product-sec .product-item-main{ grid-template-columns:repeat(1, 1fr);}
     
.product-sec .item-box{ border-radius:1rem;} 
.suceess-wrapper .brand-sec{ padding-bottom:2rem;} 
   .banner-inner-page {
    padding-bottom: 0px;
} 
.banner-inner-page .banner-content h1 {
    max-width: 100vw;
    margin: 0 auto;
}
.banner-content p {
    max-width: 100vw;
    margin: 15px auto 10px;
}
.newsupdateBox {
    margin: 20px 0;
}
}
 


  
@media screen and (max-width:575px){
    
.product-sec .item-box .inner {padding: 1.5rem;}
.banner-suceess h1 span{ display:inline-block;}
.product-sec .item-box h5 {margin-bottom: 0.7rem;}




}



@media screen and (max-width:479px){
     
.case-study-main ul li::before{top: 13px;}

}