body{
@font-face {
    font-family: aptos;
    
	src: url('aptos-font/aptos.ttf');
	/*font-family:'Open Sans', Calibri, Helvetica, sans-serif;*/
}
background-color: #F5F1EB;
}
.icon-menu{display:none;}
.mask-witdth{width:420px;}
.carousel {
 
    height: 46.354vw;
}
.footer-575{
width:50%;
}
.footer-logo-prop{
width: 61%;
}
.teleblue-pos{ display: flex;flex-wrap: nowrap;align-content: center;justify-content: flex-end;align-items: center;    z-index: 8; margin-top: -20px;margin-left: 57%;}
 .linkedin-left-padding-left{padding-left: 25%;}
.footer__menu ul a {
    /*font-weight: 800;*/
    line-height: 1.8rem;
    font-size:1.6rem;
    color: #414142;
    text-decoration: none;
}
.f-right{float: inline-end;}
.svg-burger{
margin-top:5.2%;
    margin-left: 14%;
}
.padding-outsourcing{padding-left: 3%;}
.footer-mail-txt{
font-size:1.6rem
}
.footer-phone-txt{
font-size:1.6rem;
text-align:center;
}
.X-prop{width: 40px; height: auto; margin-bottom: 2px;padding-top: 2px;margin-top: -4px;}
.linked-prop{width: 40px; height: auto; margin-bottom: 2px;padding-top: 0px;}
.logo-cont-cust{
width:61%;
}
.footer-first{border-top: 2px solid #d0ae67;padding-bottom: 2rem;}
.footer-menuf{margin-top: 10px;}
.footer-info{display: flex;margin-top: 90px;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;line-height: 2rem;padding-left: 15%;}
.footer-info-a{color:#ad9331;text-align:center;}
/* menu */
.header {
   padding: 3rem 5rem;
}
.togleup-c {
    margin-top: -95px;
}
/* menu */

/* gs banner*/
.banner-size-cust{
width: 71.875vw;
    margin-left: auto;
    margin-right: auto;
    height: 37.76vw;
	}
.hero-banner {
   top: 7.031vw;
   margin-bottom: 7.031vw;
}
.nav-over-top{
/*margin-top: 5%;*/

margin-top:1.75vw;
}

 .aboutus-sec-pos{/*color:white;*/display: flex;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: flex-start;padding-bottom: 60px;}


.hero-banner__item__desc-cta .rich-text {

    text-align: justify;
}
.margin-left-cust{margin-left: 7%;}
.hero-banner__item__desc-cta .rich-text2 {
    text-align: justify;
    position: absolute;
    font-size: 2.3rem;
    line-height: 2rem;
    top: 80%;
    left: 5.6%;
	    width: 71.875vw;
}
/**/
 .aicon-str3 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 .aicon-str3.fade-ins3 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}
 .aicon-str4 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 .aicon-str4.fade-ins4 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}
 .aicon-str5 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 .aicon-str5.fade-ins5 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}
 .aicon-str6 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 .aicon-str6.fade-ins6 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}
 .aicon-str7 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 .aicon-str7.fade-ins7 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}
 .aicon-str8 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 .aicon-str8.fade-ins8 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}
 .aicon-str9 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 .aicon-str9.fade-ins9 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}

 .aicon-str23 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 .aicon-str23.fade-ins23 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}
/**/
 .aicon-str2 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 .aicon-str2.fade-ins2 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}

/* Define animation when it becomes visible */

/* gs banner*/
 .aicon-str {
	     text-align: justify;
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

/* Define animation when it becomes visible */
 .aicon-str.fade-ins {
    opacity: 1;
     transform: translateY(0); /*Move to its final position */
}

.aicon-str0 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

/* Define animation when it becomes visible */
 .aicon-str0.fade-ins0 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}

/* Define initial styles */
 .aicon1 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

/* Define animation when it becomes visible */
 .aicon1.fade-in {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}

 .aicon2 {
           opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
        }
 .aicon2.fade-in3 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}
		
	/* Define initial styles */
 .aicon3 {
    opacity: 0;
    transform: translateY(50px); /* Start position below its final position */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

/* Define animation when it becomes visible */
 .aicon3.fade-in2 {
    opacity: 1;
    transform: translateY(0); /* Move to its final position */
}	




/*
.mask1 {
  -webkit-mask-image: url('maskwebsite.png');
  mask-image: url('maskwebsite.png');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;    
}

*/

.block-inner {
   width: 71.875vw;
    margin: 0 auto;
    position: relative;
  
}
.block-innertwo{
width: 91%;
}
.over-block-inner{
 height: 433px;
 width: 54.875vw;
}
svg{
    position: absolute;
    top: -47px;
   
    height: 150%;
}
svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}
svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}
.aboutusmask-cont-cust{width: 407px;/*margin-left:auto;margin-right:auto;*/}
.ourcompany-svg-size{

height:484px;

}
.svg2mas{
    top: -1px;
    height: 172%;
    width: 43%;
    left: -15px;
}
.svg2mas rect{

mask:url(#maskid2);
}
.hero-banner__item>picture .ourcompany-pic-1{
 background-image: url('images/home/mask/masknewrect.png');
 
background-repeat: no-repeat;
  
visibility:visible;
background-size: 400px 400px;
}
.hero-banner__item>picture .ourcompany-pic-2{
 background-image: url('images/home/mask/newmask2.png');
 
background-repeat: no-repeat;
  
visibility:visible;
background-size: 400px 400px;
}
.footer-txt-cust{font-size: 1.6rem; line-height: 4rem;}
.footer-menu-cust{/*padding-top:50px;*/display: flex;flex-direction: row-reverse;text-align: end;}
.social-icon-cust-prop{
	display: flex;
    justify-content: flex-end;
    flex-direction: row;
    margin-top: 10px;
}
	}
	.social-icon-cust-prop-li{margin-right: 27%;}
.section-width-cus{width:71.875vw;}
.aboutus-section{height: auto;/*background-color:black;*/padding-top: 70px;padding-bottom: 0px;display: flex;align-items: center;justify-content: center;}
.aboutus-section-title{color:white;text-align:center;}
.padding-top-cust{padding-top: 70px;}
.padding-top-cust-40{padding-top: 40px;}
.aboutus-section-inner-width{/*width:18.229vw;*/}
.aboutus-section-inner-txt{font-family: aptos;font-size: 1.8rem;line-height: 1.8;font-weight: 200;}
a {
    text-decoration: none;
}
a:focus, a:hover {
   
    text-decoration: none;
}
.testemonial-section-cust{height: auto;background-image:url('TESTIMONIALS--BG.png');padding-top: 70px;padding-bottom: 70px;display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;}
.testemonial-prop{width:71.875vw;font-family: aptos;
    font-size: 1.8rem;}
	
	
	.animicon1:hover,.animicon1:focus{
animation: myAnim1 1s linear 0.1s 1 normal none;
}
@keyframes myAnim1 {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}

	
	
.icon-w1{
background-image: url('icon1.png');
background-repeat: no-repeat;
background-size: cover;
width:120px;
height:120px;
content:" ";
}	
.icon-w2{
background-image: url('icon2.png');
background-repeat: no-repeat;
background-size: cover;
width:120px;
height:120px;

}
.icon-w3{
background-image: url('icon3.png');
background-repeat: no-repeat;
background-size: cover;
width:120px;
height:120px;

}	
.icon-w1:hover{
background-image: url('icon1-gold.png');

}
.icon-w2:hover{
background-image: url('icon2-gold.png');

}
.icon-w3:hover{
background-image: url('icon3-gold.png');

}
.mdirfade{
animation: myAnimf 2s linear 0s 1 normal none;
}
@keyframes myAnimf {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.txtfont{
font-family:aptos;
}
.margin-exp-bottom{
	margin-bottom:0px;
	
}
.sec-3{width:71.875vw;margin-left:auto;margin-right:auto;    }
.sec-3-s{line-height: 1.8; font-size:1.8rem;}
.menu-wrapper .btn-close {
    opacity: 1;
    border-radius: 0;
    font-size: 1rem;
    /* width: 2.8rem; */
    height: 3.3rem;
    background-size: 69%;
    color: #ad9331;
    
}
.logo-pos-cust{
    margin-left: -2%;    
	width: 49%;

}
.hero-banner__item__desc-cta .banner-txt-line {
  line-height: 4.4rem;}
  .banner-txt-pos{margin-bottom: 390px;}
  
  .hero-banner__item {
 
    width: 420px;
}
  .h5,h5 {
        font-size: 2.2rem;
    } 
	
	
.iconpos3{    margin-left: -10.417vw;}
.carousel-caption {
    bottom: -10.729vw;
   width: 71.875vw;
}

.hero-banner__item__desc-cta .rich-text {
   
    margin-bottom: 37.8rem;
}
.section-three-words{
	display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    padding-top: 45px;
}
.bannerA{
	color:white;
}
.bannerA:hover{
	 color:#ad9331;
}
a {
    color:black;
}
a:hover {
    color:#ad9331;
}
.header .btn-lang li a:hover {
 color:#ad9331;
}


.aboutus-carousel-inline-pic{
	width:36.20vw;
}
/**/


@media screen and (min-width: 1931px) {
.hero-banner__item__desc-cta .rich-text2 {
    left: 5.6%;
}
body{
	/*
	width:1380px;
	margin-left:auto;
	margin-right:auto;
	*/
}
.lg-width-cust{
	width:100%;
}
}
@media screen and (min-width: 1937px) {
.en .hero-banner__item__desc-cta .rich-text {
    letter-spacing: 2.2px;
    margin-left: -101%;
}
}
@media screen and (min-width: 1948px) {
    .en .hero-banner__item__desc-cta .rich-text {
        letter-spacing: 2.2px;
        margin-left: -102%;
    }
}
@media screen and (min-width: 1960px) {
    .en .hero-banner__item__desc-cta .rich-text {
        letter-spacing: 2.2px;
        margin-left: -102%;
    }
}
@media screen and (min-width: 1990px) {
    .en .hero-banner__item__desc-cta .rich-text {
        letter-spacing: 2.2px;
        margin-left: -105%;
    }
}
@media screen and (min-width: 2014px) {
    .en .hero-banner__item__desc-cta .rich-text {
        letter-spacing: 2.2px;
        margin-left: -106.5%;
    }
}
@media screen and (min-width: 2050px) {
    .en .hero-banner__item__desc-cta .rich-text {
        letter-spacing: 2.2px;
        margin-left: -109.5%;
    }
	
	.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 43.8rem;
	}
}

@media screen and (min-width: 2085px) {
    .en .hero-banner__item__desc-cta .rich-text {
        letter-spacing: 2.2px;
        margin-left: -111.5%;
    }
}

@media screen and (min-width: 2100px) {
	.hero-banner__item__desc-cta .rich-text2 {
    top: 76%;
}
	
}

@media screen and (min-width: 2120px) {
    .hero-banner__item__desc-cta .rich-text {
        margin-bottom: 46.8rem;
    }
	.en .hero-banner__item__desc-cta .rich-text {
	letter-spacing: 2.2px;
	margin-left: -115.5%;
    }
}
@media screen and (min-width: 2150px) {
    .hero-banner__item__desc-cta .rich-text {
        margin-bottom: 49.8rem;
    }
}

@media screen and (min-width: 2120px) {
    .en .hero-banner__item__desc-cta .rich-text {
        letter-spacing: 2.2px;
        margin-left: -118.5%;
    }
}
@media screen and (min-width: 2250px) {
    .en .hero-banner__item__desc-cta .rich-text {
        letter-spacing: 2.2px;
        margin-left: -125.5%;
    }
	.hero-banner__item__desc-cta .rich-text {
	margin-bottom: 53.8rem;
    }
	
}


@media screen and (min-width: 2278px) {
    .hero-banner__item__desc-cta .rich-text {
        margin-bottom: 54.8rem;
    }
}
@media screen and (min-width: 2400px) {
    .hero-banner__item__desc-cta .rich-text {
        margin-bottom: 62.8rem;
    }
	    .hero-banner__item__desc-cta .rich-text2 {
        left: 8.6%;
    }
}
@media screen and (min-width: 2500px) {
    .hero-banner__item__desc-cta .rich-text {
        margin-bottom: 68.8rem;
    }
	.hero-banner__item__desc-cta .rich-text2 {
        left: 10%;
    }
}

/**/
@media screen and (max-width: 1880px) {
.logo-pos-cust {
    margin-left: -1%;
}
.carousel-caption {
    bottom: -12vw;
}
}
@media screen and (max-width: 1830px) {
    .carousel-caption {
        bottom: -13.5vw;
    }
}
@media screen and (max-width: 1804px) {
.svg2mas {
    top: -8px;
}

}
@media screen and (max-width: 1800px) {
.hero-banner__item__desc-cta .rich-text {
   
    margin-bottom: 37.8rem;
}
.carousel-caption {
    bottom: -14vw; 
}
}
@media screen and (max-width: 1788px) {
.svg2mas {
    top: -23px;
}
.over-block-inner { 
   width: 53.875vw;
}
.aboutusmask-cont-cust {
    width: 370px;
}
.logo-pos-cust {
    margin-left: 0%;
}
.aboutus-non-tab-team-txt {
    
    padding-left: 10px;
}
}
@media screen and (max-width: 1778px) {
.logo-cont-cust {
    width: 58%;
}

}
@media screen and (max-width: 1760px) {
    .carousel-caption {
        bottom: -14.7vw;
    }
}
@media screen and (max-width: 1750px) {

.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 35.8rem;
}
.en .hero-banner__item__desc-cta .rich-text {
  
    margin-left: -89%;
}
}	
@media screen and (max-width: 1729px) {
.svg2mas {
    top: -29px;
}
}
@media screen and (max-width: 1700px) {
.svg2mas {
    top: -36px;
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 33.8rem;
}
}	

@media screen and (max-width: 1664px) {
.svg2mas {
    top: -47px;
}
.aboutusmask-cont-cust {
    width: 350px;
}
}	

@media screen and (max-width: 1660px) {
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 31.8rem;
}

}	

@media screen and (max-width: 1651px) {
.logo-cont-cust {
    width: 55%;
}
.carousel-caption {
    bottom: -15.5vw;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -80%;
}
}
@media screen and (max-width: 1620px) {
.carousel-caption {
    bottom: -16vw;
}
.en .hero-banner__item__desc-cta .rich-text {
    letter-spacing: 1.4px;
  
}
    .hero-banner__item__desc-cta .rich-text {
        font-size: 2.5rem;
        
    }
}
@media screen and (max-width: 1610px) {
.svg2mas {
    top: -52px;
}
}
@media screen and (max-width: 1600px) {
.carousel-caption {
    bottom: -15.729vw;
}



}


@media screen and (max-width: 1599px) {
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -96%;
}
.carousel-caption {
    bottom: -14.729vw;
}
}
@media screen and (max-width: 1585px) {
.svg2mas {
    top: -60px;
}
.aboutusmask-cont-cust {
    width: 330px;
}
}
@media screen and (max-width: 1550px) {
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 9.8rem;
}

}

@media screen and (max-width: 1545px) {
.svg2mas {
    top: -71px;
}

}	
@media screen and (max-width: 1535px) {

.header {
    padding: 3rem 5rem;
}

.hero-banner {
    top: 7.5vw;
   /* margin-bottom: 135px;*/
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -84%;
}
}
@media screen and (max-width: 1500px) {

.nav-over-top{
margin-top:2.167vw;
}
}

@media screen and (max-width: 1550px) {
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 29.8rem;
}

}
@media screen and (max-width: 1510px) {
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 26.8rem;
}
.svg2mas {
    top: -76px;
}
.aboutusmask-cont-cust {
    width: 300px;
}


}

@media screen and (max-width: 1466px) {
.svg2mas {
    top: -86px;
}
.carousel-caption {
    bottom: -14.729vw;
}
}

@media screen and (max-width: 1460px) {
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 23.8rem;
}

}
@media screen and (max-width: 1444px) {

.svg-burger {
    margin-top: 6.2%;
    margin-left: 12%;
}
}

@media screen and (max-width: 1440px) {

.nav-over-top{
margin-top:2.167vw;
}
.aboutus-sec-pos {
    padding-bottom: 0px;
}
}
@media screen and (max-width: 1430px) {
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 25.8rem;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -80%;
}
.carousel-caption {
    bottom: -27.75rem;  
}
}
@media screen and (max-width: 1417px) {
.svg2mas {
    top: -91px;
}
}
@media screen and (max-width: 1392px) {
.svg2mas {
    top: -95px;
}
}
@media screen and (max-width: 1380px) {

.carousel-caption {
    bottom: -29.75rem;  
}
.hero-banner__item__desc-cta .rich-text2 {
    top: 78%;
}
}
@media screen and (max-width: 1375px) {
.logo-cont-cust {
    width: 53%;
}
.nav-over-top {
    margin-top: 1.167vw;
}
}
@media screen and (max-width: 1372px) {
.svg2mas {
    top: -100px;
}
}
@media screen and (max-width: 1370px) {

.hero-banner {
    top: 8vw;
   /* margin-bottom: 135px;*/
}

.svg-burger {
	margin-left: 11%;
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 21.8rem;
}
}
@media screen and (max-width: 1360px) {
.aboutusmask-cont-cust {
    width: 290px;
}
@media screen and (max-width: 1348px) {
.svg2mas {
    top: -110px;
}
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -69%;
}
}
@media screen and (max-width: 1330px) {

.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 19.8rem;
}
}
@media screen and (max-width: 1317px) {
.logo-cont-cust {
    width: 51%;
}
.aboutusmask-cont-cust {
    width: 280px;
}
}
@media screen and (max-width: 1300px) {
.svg2mas {
    top: -120px;
}
.aboutusmask-cont-cust {
    width: 270px;
}
}
@media screen and (max-width: 1250px) {
.svg2mas {
    top: -130px;
}
.nav-over-top {
    margin-top: 2.167vw;
}

.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 16.8rem;
}
.hero-banner {
    top: 9vw;
    
}
.logo-pos-cust {
    margin-left: -4%;
	width: 70%;
}
.svg-burger {
	margin-top: 7.2%;
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 12.8rem;
}
.icon-w1 {
    width: 100px;
    height: 100px;
}
.icon-w2 {
    width: 100px;
    height: 100px;
}
.icon-w3 {
    width: 100px;
    height: 100px;
}

.logo-cont-cust {
    width: 47%;
}
}
@media screen and (max-width: 1230px) {
.aboutusmask-cont-cust {
    width: 250px;
}
}
@media screen and (max-width: 1200px) {
.svg-burger {
    margin-left: 9%;

}
.border-sec-3{display: flex;
    flex-direction: column;}
	.svg2mas {
    top: -145px;
}
}
@media screen and (max-width: 1160px) {
.logo-pos-cust {
    margin-left: -4%;
	width: 78%;
}

}
@media screen and (max-width: 1143px) {
.aboutusmask-cont-cust {
    width: 225px;
}
}
@media screen and (max-width: 1125px) {
.svg2mas {
    top: -149px;
}
}
@media screen and (max-width: 1110px) {

.logo-pos-cust {
    margin-left: -4%;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -59%;
}
.over-block-inner {
    width: 55.875vw;
}
}
@media screen and (max-width: 1105px) {
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 16.8rem;
}
.hero-banner__item__desc-cta .rich-text {
    font-size: 2.6rem;
   
}

.carousel-caption {
    bottom: -33.75rem;
}
.margin-left-cust {
    margin-left: 2%;
}
}
@media screen and (max-width: 1095px) {

.svg-burger {
    margin-left: 7%;
}
.hero-banner__item>picture .ourcompany-pic-1 {
    background-image: url(images/home/mask/masknewrect.png);
    background-repeat: no-repeat;
    visibility: visible;
    background-size: 310px 400px;
}
.hero-banner__item>picture .ourcompany-pic-2 {
    background-image: url(images/home/mask/newmask2.png);
    background-repeat: no-repeat;
    visibility: visible;
    background-size: 310px 400px;
}

}

@media screen and (max-width: 1075px) {
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 14.8rem;
}

}
@media screen and (max-width: 1065px) {
.svg2mas {
    top: -160px;
}
.carousel-caption {
    bottom: -33.75rem;
}

}

@media screen and (max-width: 1047px) {
.logo-cont-cust {
    width: 41%;
}
.nav-over-top {
    margin-top: 1.8vw;
}
}
@media screen and (max-width: 1045px) {
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 11.8rem;
	  
}

}
@media screen and (max-width: 1024px) {
.logo-pos-cust {
  
    width: 72%;
}

}
@media screen and (max-width: 1013px) {
.svg2mas {
    top: -161px;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -55%;
}
}
@media screen and (max-width: 1008px) {
    .svg2mas {
        top: -164px;
    }
}
	@media screen and (max-width: 1000px) {
	.aboutusmask-cont-cust {
    width: 200px;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -50%;
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 7.8rem;
}
}
@media screen and (max-width: 994px) {
    .svg2mas {
        top: -167px;
    }
	.aboutus-sec-pos {
    padding-bottom: 275px; 
	}
	.over-block-inner {
    
    z-index: 15;
    position: absolute;
}


}
@media screen and (max-width: 991px) {
.nav-over{
    width: 78%;
    margin-left: auto;
    margin-right: auto;
}
.border-sec-3{display: flex;
    flex-direction: column;}
.header .btn-lang li a {
 font-size: 1.5rem; 
}
.logo-pos-cust {
   
    width: 95%;
}
.header {
    padding: 2rem 5rem;
}
.hero-banner__item__desc-cta .rich-text {
    font-size: 2rem;
}
.hero-banner__item__desc-cta .rich-text2 {
    
    font-size: 1.7rem;
   
}
.cta-primary {
  
    font-size: 1rem;
   
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -71%;
}
.aicon-str2{

}
.hero-banner__item__desc-cta .banner-txt-line {
    line-height: 2.4rem;
}
.carousel-caption {
    bottom: -21.75rem;
}
.hero-banner__item__desc-cta .rich-text2 {
   
    right: -16%;
    
}
.icon-w1 {
    width: 75px;
    height: 75px;
}
.icon-w2 {
    width: 75px;
    height: 75px;
}
.icon-w3 {
    width: 75px;
    height: 75px;
}

.aboutus-section-pic{
    width: 445px;
}
.aboutus-sec-pos {
    /* color: white; */
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 120px;
    flex-direction: column;
	    text-align: center;
}

.section-width-cus {
    width: 77.875vw;
}
.hero-banner__item {
    width: 310px;
}
.svg2mas {
    top: -1px;
    height: 125%;
    width: 107%;
    left: -18px;
}
.hero-banner__item>picture .ourcompany-pic-1 {
    background-image: url(images/home/mask/masknewrect.png);
    background-repeat: no-repeat;
    visibility: visible;
    background-size: 310px;
}
.hero-banner__item>picture .ourcompany-pic-2 {
    background-image: url(images/home/mask/newmask2.png);
    background-repeat: no-repeat;
    visibility: visible;
    background-size: 310px;
}
.hero-banner__item>picture img {
  min-height: unset;
    height: 39%;
    width: 95%;
}
.aboutusmask-cont-cust {
    width: 295px;
    margin-left: auto;
    margin-right: auto;
}
.svg2mas rect {
    mask: url(#maskid2);
    height: 64%;
}
    .over-block-inner {
        z-index: 15;
        position: relative;
    }
	.section-three-words {
    display: flex;
    padding-top: 45px;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-bottom: 50px;
	padding-left:0px;
}
.remove-padding-15{
	padding-left:0px;
}

.hero-banner__item__desc-cta .cta-primary {

	margin-left:0;
}

.hero-banner__item__desc-cta .rich-text2 {
    width: 99.875vw;
}
.aboutus-section-inner-txt {
    
    text-align: justify;
}
.footer-info {
	display: flex;
	flex-direction: column;
	align-content: center;
	line-height: 2rem;
	margin-top: 19px;
	justify-content: flex-start;
}
.footer-menu-cust {
    
    display: flex;
    flex-direction: row-reverse;
    text-align: end;
    margin-top: -205px;
        margin-left: 47%;
}
	.footer-logo-prop {width: 59%;}
	.footer-logo-pack-cust{transform: scale(0.6);}
 
 .teleblue-pos {
    margin-top: 0px;
	margin-left: -8%;
}

.copy-r-w {
    margin-top: -5%;
}
}

@media screen and (max-width: 955px) {
    .carousel-caption {
        bottom: -23.75rem;
    }
}

@media screen and (max-width: 940px) {

.svg-burger {
    margin-left: 5%;
}
    .carousel-caption {
        bottom: -24.75rem;
    }
}
@media screen and (max-width: 917px) {
.logo-cont-cust {
    width: 36%;
}
.logo-pos-cust {
    width: 100%;
}
.nav-over-top {
    margin-top: 1vw;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -62%;
}
}
@media screen and (max-width: 910px) {

}
@media screen and (max-width: 900px) {

.cta-primary {
   
    padding: .4rem 1.7rem;
  
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 6.8rem;
}
.logo-cont-cust {
    width: 37%;
}
}
@media screen and (max-width: 890px) {

}
@media screen and (max-width: 888px) {

.nav-over-top{
margin-top:1.5vw;
}

}

@media screen and (max-width: 875px) {

.svg-burger {
    margin-left: 3.5%;
}
.header .btn-lang li a {
    padding: 0.4rem;
  
}
.logo-cont-cust {
    width: 40%;
}
.logo-pos-cust {
    margin-left: -9%;
}
    .carousel-caption {
        bottom: -25.75rem;
    }
}
@media screen and (max-width: 870px) {
 

}
@media screen and (max-width: 860px) {

.logo-pos-cust {
 margin-left:-10%;  
   
}
.carousel-caption {
    bottom: -25.75rem;
}
}
@media screen and (max-width: 855px){
    .hero-banner__item__desc-cta .banner-txt-line {
        line-height: 2rem;
    }
	    .hero-banner__item__desc-cta .rich-text2 {
        top: 68%;
    }
}


@media screen and (max-width: 845px) {

.header {
    padding: 1.6rem 4.8rem;
}
.logo-pos-cust {
    margin-left: -8%;
}
.en .hero-banner__item__desc-cta .rich-text {
letter-spacing:1px;
margin-left: -58%;
}
.logo-cont-cust {
    width: 42%;
}
}

@media screen and (max-width: 843px) {

.svg-burger {
    margin-left: 2.5%;
}
}

@media screen and (max-width: 841px) {


}

@media screen and (max-width: 830px) {

.svg-burger {
    margin-left: 1.5%;
}

.hero-banner__item__desc-cta .rich-text {
    font-size: 1.6rem;
}
.hero-banner__item__desc-cta .rich-text2 {
    font-size: 1.4rem;
}
.cta-primary {
    padding: 0.2rem 1rem;
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 4.8rem;
}

.en .hero-banner__item__desc-cta .rich-text {
       margin-left: -54%;
}
}

@media screen and (max-width: 821px) {

.logo-pos-cust {
    margin-left: -5%;
}
}

@media screen and (max-width: 815px) {

.svg-burger {
    margin-left: 0.5%;
}
}
@media screen and (max-width: 801px) {


.logo-pos-cust {
    margin-left: -6%;
}
}

@media screen and (max-width: 800px) {
.aboutus-section-pic {
    width: 445px;
}
.aboutus-sec-pos{

    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 120px;
    flex-direction: column;
}
.value-top{margin-top:-95px;}
.aboutus-section-inner-width {
  
    text-align: center;
}
.hero-banner__item__desc-cta .rich-text2 { 
    line-height: 1.5rem;
}
.hero-banner__item__desc-cta .banner-txt-line {
    line-height: 3.4rem;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -48%;
}
.hero-banner__item__desc-cta .banner-txt-line {
    line-height: 2.4rem;
}

    .hero-banner__item__desc-cta .rich-text2 {
        top: 78%;
    }
	    .carousel-caption {
        bottom: -28.75rem;
    }
	.hero-banner__item__desc-cta .rich-text2 {
    
    margin-top: -10px;
}
}


@media screen and (max-width: 815px) {

.svg-burger {
    margin-left: -1%;
}
}
@media screen and (max-width: 794px) {
.header {
    padding: 1.6rem 4.2rem;
}
}
@media screen and (max-width: 782px) {
.header {
    padding: 1.6rem 2.2rem;
}
.logo-pos-cust {
    margin-left: -5%;
}
.logo-cont-cust {
    width: 40%;
}
.header .btn-lang li a {
    padding: 0rem;
}
}
@media screen and (max-width: 781px) {
.header .btn-lang li a {
    font-size: 1.2rem;
}
.header {
    padding: 1.5rem 0rem;
}
.logo-pos-cust {
    margin-left: -4%;
}
.svg-burger {
    margin-left: -2%;
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 2.8rem;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -47%;
}
.header .btn-lang li a {
    padding: 0.5rem;
}
.cta-primary {
    line-height: 2rem;
}
    .carousel-caption {
        bottom: -25.75rem;
    }
	    .hero-banner__item__desc-cta .rich-text2 {
        margin-top: 0px;
    }

}
@media screen and (max-width: 776px) {
.hero-banner__item {
    width: 310px;
}
.svg2mas {
    top: -1px;
    height: 125%;
    width: 107%;
    left: -9px;
}
.hero-banner__item>picture .ourcompany-pic-1 {
    background-image: url(images/home/mask/masknewrect.png);
    background-repeat: no-repeat;
    visibility: visible;
    background-size: 310px;
}
.hero-banner__item>picture .ourcompany-pic-2 {
    background-image: url(images/home/mask/newmask2.png);
    background-repeat: no-repeat;
    visibility: visible;
    background-size: 310px;
}
.hero-banner__item>picture img {
  min-height: unset;
    height: 39%;
    width: 95%;
}
.aboutusmask-cont-cust {
    width: 295px;
    margin-left: auto;
    margin-right: auto;
}
.margin-top-banner-part2{
	margin-top: -20px;
}
    .carousel-caption {
        bottom: -24.75rem;
    }
}
@media screen and (max-width: 771px) {
.logo-pos-cust {
    margin-left: -2%;
}
.hero-banner {
    top: 9.5vw;
}

}
@media screen and (max-width: 768px) {
.aboutus-section {
 
    padding-bottom: 0px;
    
}
}
@media screen and (max-width: 760px) {
.svg-burger {
    margin-left: -3%;
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 0.8rem;
}
    .hero-banner__item__desc-cta .rich-text2 {
        margin-top: 11px;
    }
	    .carousel-caption {
        bottom: -23.75rem;
    }
}

@media screen and (max-width: 750px) {
.logo-pos-cust {
    margin-left: 0%;
}

}
@media screen and (max-width: 745px) {
.svg-burger {
    margin-left: 0%;
}
.nav-over-top {
    margin-top: -5.5vw;
    margin-left: 47vw;
}
.logo-pos-cust {
    margin-left: -89%;
}
.hero-banner {
    top: 10vw;
}

.hero-banner__item__desc-cta .rich-text {
    font-size: 1.4rem;
}
.hero-banner__item__desc-cta .rich-text2 {
    font-size: 1.2rem;
}
.cta-primary {
    font-size: 0.9rem;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -84%;
}
.hero-banner__item__desc-cta .banner-txt-line {
    line-height: 2.4rem;
}
.hero-banner__item__desc-cta .rich-text2 {
    line-height: 1rem;
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 4.8rem;
}
.icon-w1 {
    width: 65px;
    height: 65px;
}
.icon-w2 {
    width: 65px;
    height: 65px;
}
.icon-w3 {
    width: 65px;
    height: 65px;
}
    .carousel-caption {
        bottom: -27.75rem;
    }
}



@media screen and (max-width: 760px) {
.svg-burger {
    margin-left: -2%;
	margin-top: 8.2%;
}

.header .btn-lang li a {
    font-size: 1.3rem;
}
.header .main-menu {
   
    margin-right: 1%;
}
.nav-over-top {
    margin-top: 3.5vw;
}
}

@media screen and (max-width: 745px) {
.svg-burger {
    margin-left: 5%; margin-top: 8.2%;
}
.nav-over-top {
    margin-top: -2.5vw;
}
.logo-pos-cust {
    margin-left: -177%;
}
.logo-cont-cust {
    width: 31%;
}
.nav-over {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -42%;
}
}
@media screen and (max-width: 740px) {

}


@media screen and (max-width: 730px) {
.logo-pos-cust {
    margin-left: -78%;
}
.banner-size-cust {
    width: 75.875vw;
    height: 37.76vw;
}
.logo-pos-cust {
    margin-left: -183%;
}
    .carousel-caption {
        bottom: -25.75rem;
    }
}
@media screen and (max-width: 710px) {
.svg-burger {
    margin-left: 3%; 
}

.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -36%;
}

}
@media screen and (max-width: 695px) {
.logo-cont-cust {
    width: 33%;
}
.banner-size-cust {
    width: 85.875vw;
    height: 37.76vw;
}
    .carousel-caption {
        bottom: -22.75rem;
    }
}
@media screen and (max-width: 690px) {

.nav-over-top {
    margin-top: -5.5vw;
}
}


@media screen and (max-width: 687px) {

.hero-banner {
    top: 11vw;
}
}
@media screen and (max-width: 680px) {

.svg-burger {
    margin-left: 2%;
}
}
@media screen and (max-width: 670px) {

.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 2.8rem;
}

}
@media screen and (max-width: 668px) {
.svg-burger {
    margin-left: 1%;
}

}
@media screen and (max-width: 660px) {


}

@media screen and (max-width: 655px) {
.svg-burger {
    margin-left: -1%;
}

}

@media screen and (max-width: 650px) {
.logo-cont-cust {
    width: 35%;
}
.logo-pos-cust {
    margin-left: -164%;
}
.nav-over-top {
    margin-top: -3.5vw;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -30%;
}
}
@media screen and (max-width: 640px) {

.hero-banner {
    top: 12vw;
}
.banner-txt-pos {
    margin-bottom: 387px;
}
.iconpos3 {
    margin-left: -5.417vw;
}
}
@media screen and (max-width: 630px) {

.svg-burger {
    margin-left: -3%;
}

}
@media screen and (max-width: 620px) {


}
@media screen and (max-width: 616px) {
.header .btn-lang li a {
    font-size: 1.2rem;
}
}
@media screen and (max-width: 610px) {
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -25%;
}
.hero-banner {
    top: 12vw;
}
.banner-txt-pos{
	margin-bottom:374px;
}
}

@media screen and (max-width: 600px) {

.nav-over-top {
    margin-top: -3.5vw;
}
.logo-cont-cust {
    width: 38%;
}
.logo-pos-cust {
    margin-left: -152%;
}
.banner-size-cust {
    width: 91.875vw;
    height: 37.76vw;
}
.banner-txt-pos {
    margin-bottom: 400px;
}
    .hero-banner__item__desc-cta .rich-text2 {
        width: 126.875vw;
    }
}
@media screen and (max-width: 592px) {
    .banner-txt-pos {
        margin-bottom: 389px;
    }
}
@media screen and (max-width: 587px) {
.header .btn-lang li a {
    font-size: 1rem;
}
.svg-burger {
   
    margin-top: 9.2%;
}
}
@media screen and (max-width: 585px) {

.hero-banner {
    top: 12.7vw;
}
.hero-banner__item__desc-cta .rich-text {
    margin-bottom: 1.8rem;
}

.icon-w1 {
    width: 55px;
    height: 55px;
}
.icon-w2 {
    width: 55px;
    height: 55px;
}
.icon-w3 {
    width: 55px;
    height: 55px;
}
}
@media screen and (max-width: 575px) {
.aboutus-section {
 
    padding-bottom: 0px;
    
}
.icon-menu{display:block;}
.logo-pos-cust {
    margin-left: 10%;
}
.svg-burger {
    margin-top: 9.2%;
    margin-left: -7%;
}
.footer .footer__menu {
    width: 100%;
}

.footer .foot-cust-part2{
  width: 100%;
}
.footer .footer__menu {
        width: 50%;
    }
	
    .footer-logo-prop {
        width: 89%;
    }	
	
.footer-menu-cust {

    display: flex;
  flex-direction: inherit; 
}
.footer-575{
 width: 50%;
}
.aboutus-section-pic {
    width: 445px;
}
.hero-banner__item__desc-cta .rich-text2 {
   
    width: 82.875vw;
}
.logo-cont-cust {
    width: 44%;
}

.hero-banner__item>picture .ourcompany-pic-1{
	background-image:url('images/home/mask/masknewrect1.png');
    background-size:320px 300px;
}
.hero-banner__item>picture .ourcompany-pic-2{
	background-image:url('images/home/mask/newmask21.png');
    background-size:320px 300px;
}
.hero-banner__item {
        width: 321px;
        height: 292px;
    }

    .footer-menu-cust {
        display: flex;
        flex-direction: row-reverse;
        text-align: end;
        margin-top: -39%;
        margin-left: 45%;
    }
	    .footer-info {
        display: flex;
        flex-direction: column;
        align-content: center;
        line-height: 2rem;
        margin-top: 3%;
        justify-content: flex-start;
        padding-left: 3%;
    }
	.footer-logo-prop {
    width: 61%;
}

}
@media screen and (max-width: 574px) {
.header .main-menu {
    margin-right: 0%;
}
.logo-pos-cust {
    margin-left: 9%;
}
.svg-burger {
    margin-top: 9.2%;
    margin-left: -8%;
}
}

@media screen and (max-width: 565px) {

.banner-txt-pos {
    margin-bottom: 414px;
}
.hero-banner {
    top: 14.7vw;
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -20%;
}
.aicon-str2 {
  
    margin-top: -31px;
}
    .banner-txt-pos {
        margin-bottom: 390px;
    }
}

@media screen and (max-width: 545px) {
	
.footer__menu ul a {
    font-size: 13px;   
}
.footer-mail-txt {
    font-size: 13px;
}
.footer-phone-txt {
    font-size: 13px;
}
.footer-txt-cust {
    font-size: 13px;
}
.footer-logo-prop {
        width: 60%;
    }
	 .linkedin-left-padding-left{padding-left: 16%;}
}
@media screen and (max-width: 540px) {


.hero-banner__item__desc-cta .banner-txt-line {
    line-height: 2.2rem;
}
.hero-banner__item__desc-cta .rich-text {
    font-size: 1.2rem;
}
.icon-w1 {
    width: 50px;
    height: 50px;
}
.icon-w2 {
    width: 50px;
    height: 50px;
}
.icon-w3 {
    width: 50px;
    height: 50px;
}
.cta-primary {
    padding: 0rem 1rem;
}
.cta-primary {
    font-size: 0.7rem;
}

}
@media screen and (max-width: 526px) {
.svg2mas {
    top: -1px;
    height: 122%;
    width: 109%;
    left: -9px;
}
}

@media screen and (max-width: 523px) {
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -13%;
}
}
@media screen and (max-width: 520px) {
	.banner-txt-pos{
	margin-bottom: 379px;
}
.hero-banner__item__desc-cta .rich-text2 {
        width: 122.875vw;
    }
}
@media screen and (max-width: 511px) {
.svg2mas {
    top: -1px;
    height: 122%;
    width: 112%;
    left: -9px;
}
}
@media screen and (max-width: 510px) {
.logo-pos-cust {
    margin-left: -116%;
}
.header .main-menu .toggle .icon-menu {
    font-size: .9rem;
    margin-left: 24.2rem;
}
}
@media screen and (max-width: 505px) {

.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -12%;
}
    .banner-txt-pos {
        margin-bottom: 374px;
    }
}
@media screen and (max-width: 490px) {
.logo-pos-cust {
    margin-left: -107%;
}
.logo-cont-cust {
    width: 46%;
}
.hero-banner {
    top: 15.7vw;
}
.hero-banner__item__desc-cta .rich-text {
    font-size: 1.1rem;
}
.hero-banner__item__desc-cta .banner-txt-line {
    line-height: 1.9rem;
}
.cta-primary {
   
    line-height: 2rem;
}
.header .main-menu .toggle .icon-menu {
    font-size: .9rem;
    margin-left: 23.2rem;
  
}
}
@media screen and (max-width: 497px) {
.svg2mas {
    top: -1px;
    height: 122%;
    width: 116%;
    left: -9px;
}
}
@media screen and (max-width: 481px) {
.svg2mas {
    top: -1px;
    height: 122%;
    width: 119%;
    left: -9px;
}
}
@media screen and (max-width: 475px) {



}

@media screen and (max-width: 468px) {
.svg2mas {
    top: -1px;
    height: 124%;
    width: 123%;
    left: -9px;
}
}
@media screen and (max-width: 465px) {


.icon-w1 {
    width: 40px;
    height: 40px;
}
.icon-w2 {
    width: 40px;
    height: 40px;
}
.icon-w3 {
    width: 40px;
    height: 40px;
}
.iconpos3 {
    margin-left: 5.583vw;
}
.hero-banner__item__desc-cta .rich-text2 {
    line-height: 0.8rem;
}
.hero-banner__item__desc-cta .rich-text2 {
    font-size: 1rem;
}
.cta-primary {
    font-size: 0.6rem;
}
.header .main-menu .toggle .icon-menu {
    font-size: .9rem;
    margin-left: 22.8rem;
}
    .banner-txt-pos {
        margin-bottom: 360px;
    }
	    .footer-menu-cust {
        margin-top: -48%;
    }
	    .footer-info {
        margin-top: 4%;
    }
	    .footer-logo-prop {
        width: 75%;
    }
}
@media screen and (max-width: 460px) {
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -7%;
}
}
@media screen and (max-width: 453px) {
.svg2mas {
    top: -1px;
    height: 123%;
    width: 123%;
    left: -9px;
}
}
@media screen and (max-width: 450px) {
.svg2mas {
    top: -1px;
    height: 121%;
    width: 127%;
    left: -9px;
}

.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -5%;
}
.hero-banner__item__desc-cta .banner-txt-line {
    line-height: 1.7rem;
}
.hero-banner__item__desc-cta .rich-text {
    font-size: 1rem;
}
}
@media screen and (max-width: 444px) {

.hero-banner {
    top: 16.7vw;
}
.header .main-menu .toggle .icon-menu {
    font-size: .9rem;
    margin-left: 21.5rem;
}
}
@media screen and (max-width: 441px) {
.svg2mas {
    top: -1px;
    height: 123%;
    width: 131%;
    left: -9px;
}
}
@media screen and (max-width: 430px) {

.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -4%;
}
.hero-banner {
    top: 17.7vw;
}
.banner-txt-pos {
    margin-bottom: 355px;
}
.header .main-menu .toggle .icon-menu {
    font-size: .9rem;
    margin-left: 20.5rem;
}

.aboutus-section-inner-txt {
   
    font-weight: 300;
}
.p-LR-remove{
  padding-right: 0px;
 padding-left: 0px;
}
}
@media screen and (max-width: 425px) {
.footer-menu-cust {
        margin-top: -48%;
    }
		.X-prop{width: 35px;height: 35px;}
.linked-prop{width: 35px;height: 35px;}

    .section-width-cus {
        width: 97.875vw;
    }
.sec-3 {
    width: 89.875vw;
   
}
    .footer-logo-pack-cust {
        transform: scale(0.8);
    }
	    .linkedin-left-padding-left {
        padding-left: 24%;
    }
}
@media screen and (max-width: 422px) {
.svg2mas {
    
    height: 122%;
    width: 135%;
 
}
    .banner-txt-pos {
        margin-bottom: 348px;
    }
}
@media screen and (max-width: 415px) {

.header .main-menu .toggle .icon-menu {
    font-size: .9rem;
    margin-left: 19rem;
}
}
@media screen and (max-width: 422px) {
.svg2mas {
    
    height: 121%;
    width: 138%;
  
}
}
@media screen and (max-width: 406px) {
.svg2mas {
   
    height: 121%;
    width: 140%;
    
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: -1%;
}
.banner-txt-pos {
    margin-bottom: 343px;
}
   
	
.teleblue-pos{  margin-top: -20px;}
}
@media screen and (max-width: 405px) {
    .teleblue-pos {
        margin-top: -5px;
    }
}
@media screen and (max-width: 400px) {
.svg2mas {
    
    height: 121%;
    width: 144%;
  
}
    .hero-banner__item__desc-cta .rich-text2 {
        margin-top: -4px;
    }
	    .banner-txt-pos {
        margin-bottom: 330px;
    }
}

@media screen and (max-width: 389px) {
.svg2mas {
    
    height: 121%;
    width: 149%;
  
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: 1%;
}
.banner-txt-pos {
        margin-bottom: 328px;
    }
	    
	        .footer-logo-pack-cust {
        transform: scale(0.81);
    }

}
@media screen and (max-width: 381px) {
.over-block-inner {
    width: 55.875vw;
    margin-left: -1px;
}
}
@media screen and (max-width: 380px) {

.banner-txt-pos {
        margin-bottom: 325px;
    }
.svg-burger {
   
    margin-top: 14.2%;
}
.hero-banner {
    top: 18.7vw;
}


.block-inner {
    width: 71.875vw;
    margin: 0 auto;
    position: relative;
    margin-left: -1%;
}
.block-innertwo{
width: 91%;
}
.svg2mas {
    height: 121%;
    width: 116%;
}
.header .main-menu .toggle .icon-menu {
    font-size: .9rem;
    margin-left: 18rem;
}
.margin-exp-bottom{
	margin-bottom:-8px;
	
}
}


@media screen and (max-width: 375px) {
    .svg-burger {
        /* margin-left: 32%; */
        margin-top: 13.2%;
    }
    .banner-txt-pos {
        margin-bottom: 318px;
    }
	
	    .footer-menu-cust {
        margin-top: -54%;
    }
	    .footer-info {
        
        padding-left: 0;
    }
.X-prop {
   
    margin-top: -2px;
}
}
@media screen and (max-width: 366px) {
.svg2mas {
    
    height: 123%;
    width: 117%;
  
}
.en .hero-banner__item__desc-cta .rich-text {
    margin-left: 5%;
}
    
    .footer-logo-prop {
        width: 90%;
    }
	    .footer-menu-cust {
        margin-top: -58%;
    }

	.teleblue-pos {
        margin-top: 0px;
    }
	  .footer .footer__menu {
        width: 60%;
    }
	    .footer-menu-cust {
        margin-top: 0;
    }
	    .footer-info {
        padding-left: 8%;
    }
	.footer-phone-txt {
    
    padding-left: 25%;
}
    .footer-menu-cust {
        
        margin-left: -9%;
    }
	.social-icon-cust-prop {
    display: flex;
    justify-content: left;
    flex-direction: row;
    margin-top: 10px;
	        margin-left: 13%;
}
    .linkedin-left-padding-left {
        padding-left: 35%;
    }
	    .block-inner {
       
        margin-left: 6%;
    }
}
@media screen and (max-width: 361px) {
.svg2mas {
    
    height: 122%;
    width: 120%;
  
}
.banner-txt-pos {
    margin-bottom: 311px;
}
.header .main-menu .toggle .icon-menu {
    font-size: .9rem;
    margin-left: 16rem;
}
}
@media screen and (max-width: 350px) {
     
}
@media screen and (max-width: 353px) {
.svg2mas {
    height: 123%;
    width: 127%; 
}
}
@media screen and (max-width: 345px) {
	    .hero-banner__item__desc-cta .rich-text {
        font-size: 0.8rem;
    }
	    .hero-banner__item__desc-cta .rich-text2 {
        font-size: 0.8rem;
    }
	    .hero-banner__item__desc-cta .banner-txt-line {
        line-height: 1.5rem;
    }
}
@media screen and (max-width: 340px) {
.svg2mas {
    
        height: 123%;
    width: 127%;
  
}
.banner-txt-pos {
    margin-bottom: 310px;
}

}

@media screen and (max-width: 338px) {
/*
    .footer .footer__menu {
        width: 60%;
    }
	    .footer-menu-cust {
        margin-top: 0;
    }
	    .footer-info {
        padding-left: 8%;
    }
	.footer-phone-txt {
    
    padding-left: 25%;
}
    .footer-menu-cust {
        
        margin-left: -9%;
    }
	.social-icon-cust-prop {
    display: flex;
    justify-content: left;
    flex-direction: row;
    margin-top: 10px;
	        margin-left: 13%;
}
    .linkedin-left-padding-left {
        padding-left: 35%;
    }
	    .block-inner {
       
        margin-left: 6%;
    }*/
}
@media screen and (max-width: 333px) {
.header .main-menu .toggle .icon-menu {
    font-size: .9rem;
    margin-left: 15rem;
}
.svg2mas {
    top: -3px;
  
}
}
@media screen and (max-width: 330px) {
.svg2mas {
    top: -7px;
}
.banner-txt-pos {
    margin-bottom: 309px;
}
    
	 
}
@media screen and (max-width: 329px) {
.svg2mas {
    
    height: 105%;
    width: 149%;
  
}

.aboutusmask-cont-cust {
    width: 255px;
    margin-left: auto;
    margin-right: auto;
}
.block-inner {
    width: 54.875vw;
    
}
}
@media screen and (max-width: 327px) {
	    .banner-txt-pos {
        margin-bottom: 304px;
    }
}
@media screen and (max-width: 320px) {
.aboutusmask-cont-cust {
    width: 247px;
    margin-left: auto;
    margin-right: auto;
}
    .footer-logo-prop {
        width: 56%;
    }
	    
	.hero-banner__item>picture .ourcompany-pic-1{
	background-image:url('images/home/mask/masknewrect1.png');
    background-size:320px 200px;
}
.hero-banner__item>picture .ourcompany-pic-2{
	background-image:url('images/home/mask/newmask21.png');
    background-size:320px 200px;
}
	.hero-banner__item {
        width: 321px;
        height: 200px;
    }
	    .svg2mas rect {
        mask: url(#maskid2);
        height: 75%;
    }
}
@media screen and (max-width: 317px) {
.svg2mas {
    
    height: 100%;
    width: 149%;
  
}
    .banner-txt-pos {
        margin-bottom: 300px;
    }
}
@media screen and (max-width: 311px) {
    .banner-txt-pos {
        margin-bottom: 298px;
    }
}

@media screen and (max-width: 306px) {
    .hero-banner__item__desc-cta .rich-text2 {
        margin-top: -9px;
    }
	    .banner-txt-pos {
        margin-bottom: 293px;
    }
}
@media screen and (max-width: 301px) {
.svg2mas {
    
    height: 95%;
    width: 149%;
  
}
}
@media screen and (max-width: 301px) {
.svg2mas {
    
    height: 90%;
    width: 152%;
  
}
}
@media screen and (max-width: 265px) {
.svg2mas {
    
    height: 85%;
    width: 152%;
  
}
}
@media screen and (max-width: 251px) {
.svg2mas {
    
    height: 80%;
    width: 152%;
  
}
}