body{
	font-family: 'Barlow', sans-serif;
}

.whatsapp-icon{
	position: fixed;
    top: 82%;
    right: 1%;
	z-index: 1;
}
.whatsapp-icon img{
	width: 58px !important;
	height: 58px !important;
}

.middle-wrap{
	width: 71.25%;
	margin: auto;
	padding:100px 0px 100px 0px;
}

/*################################################*/

/*########            HEADER            ########*/

/*################################################*/
.header{
	/* position: fixed; */
	width: 100%;
    /* top: 0; */
    background: #fff;
    opacity: 1;
    z-index: 100;
}
header .main-wrapper{
	width: 85%;
	margin: auto;
}
.navigation-wrapper{
	margin: auto;
	padding-top: 28px;
	padding-bottom: 25px;
	align-items: center;	
}

.top-line{
	height: 3px;
	width: 100%;
	background-image: linear-gradient(to left, #1F4399 , #26D0CE);
}
.display-on-mobile{
	display: none;
}

nav ul #primary{
	display: flex;
	justify-content: flex-end;
}

.navbar-collapse{
	width: 100%;
}

.navbar-collapse .menu-main-menu-container{
	/*border: 1px solid #f00;*/
	width: 100%;
}

.navbar-collapse #primary{
	min-width: 100% !important;
}

.navbar-collapse ul .active a{
	color: #19ABD9;
}


.navbar-collapse ul li{	
	padding: 0px 40px 0px 40px;
}

.navbar-collapse ul li a{
	font-weight: 600;
	color: #5B5B5B;
	text-transform: uppercase;
}

.navbar-collapse ul li a:hover{
	color: #19ABD9;
	transition: 0.2s;
}

.navigation-wrapper .social-icons ul{
	display: flex;
	list-style: none;
	margin: 0;
}

.navigation-wrapper .social-icons ul li a{
	width: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

.navigation-wrapper .social-icons ul li a img{
	width: 30px;
	height: 30px;
	margin: auto;
}

.navigation-wrapper .social-icons ul li a .display-on-hover{
	display: none;
}

.navigation-wrapper .social-icons ul li a:hover .normal-icon{
	display: none;
}

.navigation-wrapper .social-icons ul li a:hover .display-on-hover{
	display: inline;
	transition: ease 0.2s;
}

.navigation-wrapper .menu-toogle{
	/*display: none;*/
}

.header-scrolled{
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background: #fff;
	transition: all 0.5s;
}
.header-scrolled .desltop-logo img{
	width: 100px;
	height: auto;
	transition: all 0.5s;
}

.header-scrolled .navigation-wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
	transition: all 0.5s;
}


.navbar-toggler{
	/* background: #000; */
    /* display: block;
    position: absolute;
    left: 89%;
    top: -93%;
    color: #19ABD9; */
}
/*################################################*/

/*########         COMMON BANNER         ########*/

/*################################################*/

.common-banner .min-wrap{
	width: 100%;
	height: 448px;
	padding: 61px 140px 61px 140px;
}

.common-banner .mask{
	width: 100%;
	background-image: linear-gradient(to bottom, #1F4399 , #2394B8);
	opacity: 0.85;	
	position: relative;
	margin-top: -448px;
	z-index: 0;
}

.common-banner h6{
	color: #fff;
	font-size: 14px;
	z-index: 2;
	text-transform: uppercase;
	position: absolute;
}

.common-banner h5{
	text-align: center;
	padding-top: 84px;
	color: #fff;
	font-weight: 100;
	font-size: 35px;
	z-index: 1;
	letter-spacing: 0px;
	width: 50%;
    margin: auto;
	line-height: 1.5 !important;
}
.common-banner h5 span{
	font-weight: 600px !important;
}
/*################################################*/
/*################################################*/
/*################################################*/
/*##########           HOME           #############*/
/*################################################*/
/*################################################*/
/* .main-banner-home .slick-track{
	width: 100%;
	overflow: hidden;
}
.main-banner-home .slick-initialized .slick-slide .company-theme{
	width: 50%;
} */
.slider-for {
	overflow: hidden;
	width: 100%;
}
.slider-nav{
	/* overflow: hidden; */
}
.main-banner-slider img{
	height: 400px;
	width: 100%;
	padding-left: 10px !important;
	padding-right: 10px !important;
	object-fit: cover;
}


.main-banner-home {
	padding-bottom: 100px !important;
	margin: 0;
}


.main-banner-home .top-area{
	width: 85%;
	margin: auto;
	display: flex;
	padding-top: 60px;
	padding-bottom: 60px;
}

.company-theme{
	width: 50%;
	color: #fff;
	font-size: 25px;
	line-height: 30px;
}

.main-banner-home .button-wrap{
	display: flex;
	width: 50%;
	justify-content: flex-end;
	padding: 0px;
}

.main-banner-home .button-wrap button{
	width: 200px;
	height: 55px;
	font-size: 15px;
	font-weight: 400;
}
.main-banner-home .button-wrap a{
	width: 200px;
	height: 55px;
	font-size: 15px;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.main-banner-home .main-banner-carousel{
	max-width: 100%;
}

.main-banner-home .main-banner-carousel img{
	height: 440px;
	object-fit: cover;
}

.main-banner-carousel .owl-nav{
	display: flex !important;
	gap: 60px !important;
	justify-content: center !important;
	align-items: center !important;
}

.main-banner-carousel .owl-dots{
	display: none;
}

.main-banner-carousel .owl-prev{
	font-size: 100px !important;
	color: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
	font-weight: normal !important;
	margin: auto;
}
.main-banner-carousel .owl-next{
	/*border: 1px solid #fff;*/
	font-size: 100px !important;
	color: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
	font-weight: normal !important;
	margin: auto;
}
.main-banner-carousel .owl-next:hover{
	transition: 0.2s;
	color: #1F4399 !important;
}
.main-banner-carousel .owl-prev:hover{
	transition: 0.2s;
	color: #1F4399 !important;
}

 .btn-contact-us{
	background-color: #fff;
	color: #1F4399;
	border: none;
	margin-right: 21px;
}

 .btn-read-more{
 	margin: 0;
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
}

 .btn-contact-us:hover{
 	background-color: #19ABD9;
 	border: none;
 	color: #fff;
 	transition: 0.2s;
 }
  .btn-read-more:hover{
  	border: 1px solid #19ABD9;
  	color: #fff;
  	transition: 0.2s;
 }


.main-banner-home .slide-controls{
	padding-top: 49px;
	width: auto;
	height: auto;
}

.main-banner-home .slide-arrows{
	display: flex;
	width: 130px;
	gap: 62.82px;
	height: auto;
	margin: auto;
	padding: 0px;
}

.main-banner-home .right-arrow, .left-arrow{
	width: 19px;
	height: 35px;
	margin: auto;
	margin-left: 31px;
}
.about .right-area{
	padding-left: 60px;
}

.about .left-area h6{
	letter-spacing: 1.92px;
	color: #19ABD9;
	font-size: 15px;
	font-weight: 600;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.about .left-area h5{
	line-height: 1.5;
	color: #2D2D2D;
	font-size: 30px;
	font-weight: 600;
	padding-bottom: 26px;
}

.about .left-area p{
	line-height: 1.9;
	padding-bottom: 30px;
	color: #5B5B5B;
	font-size: 16px;
	font-weight: 600;
}

.about .left-area a{
	padding: 20px 70px 20px 70px;
	background-color: #2D2D2D;
	border: none;
	color: #fff;
	font-size: 16px;
	text-decoration: none;

}

.about .left-area a:hover{
	background-color: #19ABD9;
	transition: 0.2s;
}

.about iframe{
	width: 100%;
	height: auto;
}

.about img{
	width: 100%;
	height: auto;
}



.capabilities .owl-dots{
	display: none;
}

.capabilities .min-wrap{
	width: 85%;
	margin: auto;
}

.capabilities h6{
	font-size: 15px;
	color: #19ABD9;
	font-weight: 600;
	text-align: center;
	padding-bottom: 8px;
	letter-spacing: 1.92px;
	text-transform: uppercase;
}
.capabilities h5{
	font-size: 30px;
	color: #2D2D2D;
	font-weight: 600;
	text-align: center;
	padding-bottom: 55px;
}

.capabilities .images-wrapper{
	display: flex;
	align-items: center;
	margin: auto;
	padding: 0;
	width: 100%;
}

.capabilities .images-wrapper .image-box img{
	width: 100%;
	height: 380px;
	object-fit: cover;
}

.capabilities .images-wrapper .gradient{
	padding: 116px 25px 0px 25px;
	width: 100%;
	max-height: 100%;
	background-image: linear-gradient(to bottom, #1F4399 , #2394B8);
	position: relative;
	margin-top: -150%;
	opacity: 0;
}

.capabilities .image::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, #1F4399 , #2394B8);
	
	top: 0;
	left: 0;
	opacity: 0;
}
.capabilities .hidden-cont{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	align-items: center;
	padding: 49px 25px 49px 25px;
}

.capabilities .hidden-cont h6{
	padding-bottom: 30px;
	text-align: center;
	color: #fff;
}
.capabilities .hidden-cont p{
	text-align: center;
	color: #fff;
	padding-bottom: 48px;
}
.capabilities .button{
	display: flex;
}
.capabilities .hidden-cont a{
	text-decoration: none;
	margin: auto;
	border: none;
	background-color: transparent;
	color: #fff;
}

.capabilities .capability-name{
	display: flex;
}
.capabilities .images-wrapper .image-box label { 
	padding-top: 43px;
	margin: auto;
}
.capabilities .images-wrapper .image-box:hover .hidden-cont{
	transition: 0.2s;
	 display: block;
}

.capabilities .images-wrapper .image-box:hover .image::after{
	opacity: 0.85;
	transition: 0.2s;
}


.capabilities .images-wrapper .image-box:hover label { 
	display:none;

	transition: 0.2s;
}


.capabilities .images-wrapper .gradient h6{
	color: #fff;
	text-align: center;
}
.capabilities .images-wrapper .gradient p{
	padding-top: 10px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 1.8;

}
.capabilities .images-wrapper .gradient button{
	background-color: transparent;
	margin: auto;
	font-size: 15px;
}

.capabilities label{
	color: #2D2D2D;
	font-size: 20px;
	font-weight: 600;
}

.capabilities .capabilities-carousel{
	width: 80%;
	margin: auto;
}

.capabilities .owl-nav .owl-prev{
	font-size: 100px !important;
	color: #2D2D2D !important;
	font-weight: normal !important;
	position: absolute;
    top: 18%;
    left: -19%;

}
.capabilities .owl-nav .owl-next{
	font-size: 100px !important;
	color: #2D2D2D !important;
	font-weight: normal !important;
	position: absolute;
    top: 18%;
    right: -18%;
}

.capabilities .owl-nav .owl-prev:hover{
	color: #19ABD9 !important;
	transition: 0.2s;
}

.capabilities .owl-nav .owl-next:hover{
	color: #19ABD9 !important;
	transition: 0.2s;
}

.capabilities .btn{
	margin: auto;
	padding-top: 80px;
}

.capabilities .btn-explore{	
	width: 200px;
	height: 55px;
	border: none;
	padding: 0 !important;
	position: relative;
}
.capabilities .btn-explore a{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* width: 100% !important;
	height: 100% !important; */
	background-color: #2D2D2D;
	border: none;
	color: #fff;
	font-size: 15px;
}

.capabilities button a:hover{
	background-color: #19ABD9;
	transition: 0.2s;
}



.digital h6{
	letter-spacing: 1.92px;
	padding-top: 14.74px;
	color: #19ABD9;
	font-size: 15px;
	text-transform: uppercase;
}

.digital h5{
	color: #fff;
	font-size: 30px;
	padding-bottom: 30px;
	padding-top: 20px;
}

.digital .experience, .strategy{
	padding-bottom: 20px;
}

.digital a{
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	padding-right: 21px;
}

.digital a:hover{
	text-decoration: underline;
}

.digital .left-area img{
	width: 22px;
	height: 12px;
}

.digital .middle-area{
	align-items: center;
}


.digital .middle-area img{
	width: 100%;
	height: auto;
}

.digital .right-area{
	padding-left: 68.64px;
}

.digital .right-area p{
	color: #fff;
	line-height: 1.8;
	font-size: 16px;
	padding-bottom: 34px;
}

.digital .right-area a{
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 55px;
	background-color: #fff;
	color: #1F4399;
	border: none;
	font-weight: 400;
}

.digital .right-area a:hover{
	background-color: #19ABD9;
	color: #fff;
	transition: 0.2s;
}

.nav-pills .nav-link {
	color: #fff !important;
	padding: 0;
	justify-content: flex-start;
	display: flex;
	align-items: center;
	gap: 20px;
}
.digital .strategy {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}
.digital .nav-pills{
	width: 50%;
}
.digital .middle-image{
	width: 50%;
	height: 259px;
}
.digital .right-cont{
	width: 50%;
	padding-left: 60px;
}
.digital .tab-content{
	display: flex;	
}

.digital .btn-explore{
	width: 200px;
	height: 55px;
	background: #fff;	
	border: none;
}
.digital .btn-explore a{
	color: #1F4399 !important;
}
.digital .tab-pane{
	color: #fff !important;
	padding-left: 60px !important;
}
.digital .nav button{
	padding-bottom: 25px;
	text-align: left;
}
.digital nav button{
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background: transparent;
	text-decoration: underline;
}


.industries .min-wrap{
	width: 71%;
	margin: auto;
	padding-top: 102px;
}

.industries h6{
	color: #19ABD9;
	font-size: 15px;
	font-weight: 600;
	padding-bottom: 20px;
	letter-spacing: 1.92px;
	text-transform: uppercase;
}

.industries h5{
	color: #2D2D2D;
	font-size: 30px;
	font-weight: 600;
}

.industries p{
	color: #5B5B5B;
	font-size: 16px;
	font-weight: 600;
	padding-right: 78px;
	padding-bottom: 43px;
	line-height: 1.8;
}

.industries .button-exp .btn{
	width: 200px;
	height: 55px;
	background-color: #2D2D2D;
	color: #fff !important;
	text-decoration: none;
	font-size: 15px;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
}

.industries .button-exp .btn:hover{
	background-color: #19ABD9;
	color: #fff;
	transition: 0.2s;
}

.industries .industry-box{
	width: 100%;
	padding-top: 7.5px;
	padding-bottom: 7.5px;
	display: flex;
	align-items: center;
}

.industries .industry-box img{
	width: 62px;
	height: 62px;
}

.industries .industry-box label{
	padding-left: 30px;
	font-size: 16px;
	color: #2D2D2D;
	font-weight: bold;
	width: 80%;
}

.industries-slider{
	display: none;
}

.industries-slider .owl-carousel .owl-item img{
    width: 62px;
    height: 62px;
}
.industries-slider .box{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding-bottom: 20px;
    /* overflow: hidden; */
}
.industries-slider .owl-carousel{
	height: 161px;
	min-width: 100%;
	max-width: 100%;
	/*overflow: hidden;*/	
}
.industries-slider .owl-carousel .owl-nav button.owl-next, .industries-slider .owl-carousel .owl-nav button.owl-prev{
	color: #000;
    position: absolute;
    font-size: 100px;    
    max-width: 40px;
}
.industries-slider .owl-carousel .owl-nav button.owl-prev{
	top: -8%;
    left: -8%;
}
.industries-slider .owl-carousel .owl-nav button.owl-next{
	top: -8%;
    left: 100%;
}
/*################################################*/
/*################################################*/
/*################################################*/
/*##########           ABOUT US       #############*/
/*################################################*/
/*################################################*/

.about-secquoro{
	/*padding:111px 278px 118px 278px ;*/
}

.about-secquoro h6{
	color: #19ABD9;
	font-size: 15px;
	padding-bottom: 15px;
	letter-spacing: 1.92px;
	font-weight: 600;
	text-transform: uppercase;
}
.about-secquoro h5{
	letter-spacing: 0px;
	line-height: 1.5;
	font-size: 30px;
	color: #2D2D2D;
	font-weight: 600;
	padding-bottom: 54px;
}

.about-secquoro img{
	width: 100%;
	height: auto;
}

.about-secquoro img::after{
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	background-image: linear-gradient(to bottom, #1F4399 , #2394B8);

}

/*.about-secquoro .mask{
	width: 28.5%;
	height: 150px;
	background-image:linear-gradient(to bottom right, #1F4399, #2394B8);
	position: absolute;
	top: 50%;
}*/

.about-secquoro .text-wrapper{
	padding-left: 40px;
}

.about-secquoro .blue{
	color: #19ABD9;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	padding-bottom: 20px;

}

.about-secquoro .ash{
	color: #5B5B5B;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;

}

/*################################################*/
/*################################################*/
/*################################################*/
/*##########         KEY NUMBERS     #############*/
/*################################################*/
/*################################################*/



.key-numbers .min-wrap{
	width: 71.83%;
	margin: auto;
}

.key-numbers h6{
	color: #19ABD9;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding-top: 105px;
	letter-spacing: 1.92px;
	padding-bottom: 20px;
	text-transform: uppercase;
}

.key-numbers h5{
	color: #2D2D2D;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 30px;
}

.key-numbers .box-wrapper{
	gap: 40px;
}

.key-numbers .box{
	width: 25%;
	padding: 20.5px 20.5px 20.5px 20.5px;
}

.key-numbers .rectangle{
	/*justify-content: center;*/
	background-color: #fff;
	border-radius: 10px;
	width: 100%;
	height: 430px;
}

.key-numbers .box .number{
	color: #1F4399;
	font-size: 55px;
	font-weight: bold !important;
	text-align: center;
	padding-top: 40px;
}
.key-numbers .box .text{
	height: 65px;
	color: #5B5B5B;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	padding-top: 10px;
}

.key-numbers .box .icon{	
	padding-top: 40px;
	width: auto;
	justify-content: center;
	display: flex;
}

.key-numbers .box .intersection{
	width: 139px;
	height: 139px;
	/*margin-left: 28%;*/
}
.key-numbers .box .intersection-2{
	width: 107px;
	height: 139px;
	margin-left: 28%;
}
.key-numbers .box .intersection-3{
	width: 139px;
	height: 139px;
	margin-left: 28%;
}
.key-numbers .box .intersection-4{
	width: 140px;
	height: 139px;
	margin-left: 28%;
}


.people-and-culture h6{
	padding-top: 95px;
	color: #19ABD9;
	font-size: 15px;
	/*font-weight: 600;*/
	padding-bottom: 10px;
	letter-spacing: 1.92px;
	text-transform: uppercase;
}
.people-and-culture h5{
	color: #fff;
	font-size: 30px;
	line-height: 1.5;

}
.people-and-culture p{
	padding-top: 33px;
	font-size: 16px;
	color: #fff;
	line-height: 2 !important;
}

.people-and-culture .icons-wrapper{
	display: flex;
	padding-bottom: 83px;
	padding-top: 58px;
}

.people-and-culture .icons-wrapper .icon-box{
	width: 25%;
	display: grid;
	justify-content: center;
}

.people-and-culture .icons-wrapper label{
	width: 80px;
	padding-top: 18px;
	color: #fff;
}

.people-and-culture .icons-wrapper img{
	/*width: 66px;
	height: 60px;*/
}

.people-and-culture .carousel-people-and-culture{
	padding-top: 60px;
	padding-left: 70px;
	margin-bottom: -100px;
}

.people-and-culture .carousel-people-and-culture img{
	width: 100%;
	height: 695px;
	object-fit: cover;
}

.commitments{

	padding-top: 187px;
}

.commitments .min-wrap{
	width: 80%;
	margin: auto;
	padding-bottom: 100px;
}

.commitments h6{
	font-size: 15px;
	color: #19ABD9;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1.92px;
}
.commitments .main-h6{
	text-transform: uppercase;
}

.commitments h5{
	font-size: 30px;
	color: #2D2D2D;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

.commitments .commitments-carousel{
	width: 84%;
	margin: auto;
}

.commitments-carousel .owl-prev{
	font-size: 100px !important;
    position: absolute !important;
    top: 35% !important;
    left: -11%;
    color: #2D2D2D;
    font-weight: normal !important;
}
.commitments-carousel .owl-next{
	font-size: 100px !important;
    position: absolute !important;
    top: 35% !important;
    left: 111%;
    color: #2D2D2D;
    font-weight: normal !important;
}

.commitments-carousel .owl-prev:hover{
	color: #19ABD9 !important;
}
.commitments-carousel .owl-next:hover{
	color: #19ABD9 !important;
}

.commitments .commitmets-box h6{
	text-align: left;
	font-weight: 600;
	padding-right: 71px;
	line-height: 2;
}

.commitments .commitmets-box .two-sides{
	display: flex;
}

.commitments .commitmets-box .two-sides .text{
	padding-top: 35px;
	width: 50%;
	padding-right: 19px;
	color: #5B5B5B;
	line-height: 1.8;
	font-weight: 600;
}

.commitments .commitmets-box .two-sides .image{
	width: 50%;
}


.commitments .owl-dots{
	display: none;
}


.corporate-news-room img{
	height: 480px;
	object-fit: cover;
}
.corporate-news-room .min-wrap{
	width: 90%;
	margin: auto;
}

.corporate-news-room .main-h6{
	font-size: 15px;
	color: #19ABD9;
	font-weight: bold;
	text-align: center;
	padding-top: 96px;
	letter-spacing: 1.92px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.corporate-news-room .main-h5{
	font-size: 30px;
	color: #2D2D2D;
	font-weight: bold;
	text-align: center;
	padding-bottom: 50px;
}

.corporate-news-room .slider{
	display: flex;
	align-items: center;
}

.corporate-news-room-carousel{
	width: 80%;
	margin: auto;
}

.corporate-news-room-carousel .owl-prev{
	font-size: 100px !important;
	font-weight: normal !important;
	color: #2D2D2D !important;
	top: 22% !important;
    position: absolute !important;
    left: -10% !important;

}

.corporate-news-room-carousel .owl-next{
	font-size: 100px !important;
	font-weight: normal !important;
	color: #2D2D2D !important;
	top: 22% !important;
    position: absolute !important;
    left: 107% !important;

}

.corporate-news-room-carousel .owl-prev:hover{
	color: #19ABD9 !important;
	transition: 0.2s;
}

.corporate-news-room-carousel .owl-next:hover{
	color: #19ABD9 !important;
	transition: 0.2s;
}

.corporate-news-room .news-wrapper{
	width: 82%;
	margin: auto;
	background-color: #fff;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	padding: 41px 64px 41px 64px;
	margin-top: -140px;
	position: relative;
	z-index: 1;
}

.corporate-news-room .news-wrapper .news-date{
	 text-align: center;
	 color: #5B5B5B;
	 font-size: 16px;
	 padding-bottom: 22px;
}

.corporate-news-room .news-wrapper h6{
 	text-align: center;
 	font-size: 20px;
 	color: #2D2D2D;
 	font-weight: bold;
 	line-height: 1.8;
}
.corporate-news-room .news-wrapper p{
 	text-align: center;
 	padding-top: 23px;
 	font-size: 16px;
 	color: #5B5B5B;
 	line-height: 1.8;
}
.company-history{
	padding-top: 100px;
}
.company-history .min-wrap{
	width: 71%;
	margin: auto;
}

.company-history h6{
	font-size: 15px;
	color: #19ABD9;
	font-weight: bold;
	padding-bottom: 10px;
	letter-spacing: 1.92px;
	text-transform: uppercase;
}
.company-history h4{
	font-size: 30px;
	color: #2D2D2D;
	font-weight: bold;
	padding-bottom: 30px;
}
.company-history h5{
	font-size: 20px;
	color: #2D2D2D;
	font-weight: bold;
	padding-bottom: 25px;
	line-height: 1.8;
}

.company-history p{
	font-size: 16px;
	color: #5B5B5B;
	font-weight: bold;
	line-height: 1.8;
}

.company-history .images-wrap .image{
	width: 47.5%;
	padding: 56px 0px 0px 0px;
	margin: auto;
}

.company-history .images-wrap img{
	width: 100%;
}

/*.company-history img{
	width: 100%;
	height: auto;
}*/

.company-history .bottom-paragraph{
	font-size: 16px;
	color: #5B5B5B;
	padding-top: 60px;
}

/*################################################*/

/*########          CAPABILITIES          ########*/

/*################################################*/

.capabilities-section .min-wrap{
	width: 71%;
	margin: auto;
	padding-top: 100px;
}

.capabilities-section h6{
	font-size: 15px;
	color: #19ABD9;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1.92px;
	text-transform: uppercase;
}
.capabilities-section h5{
	font-size:30px;
	color: #2D2D2D;
	text-align: center;
	font-weight: 600;
	padding-top: 20px;
}
.capabilities-section p{
	padding-top: 40px;
	font-size:16px;
	color: #5B5B5B;
	text-align: center;
	font-weight: 600;
	line-height: 1.8;
}

.capabilities-section .capabilities-wrap{
	padding: 0;
	padding-top: 14px;
}

.capabilities-section .capabilities-box{
	width: 50%;
	padding: 39px 42px 39px 42px;
	position: relative;
	height: auto;
	position: relative;
	cursor: pointer;
}

.capabilities-section .capabilities-box .image{
	position: relative;
}

.capabilities-section .capabilities-box .image .main-image{
	min-width: 100%;
	height: 100%;
	position: relative;
	max-width: 100%;
}

.capabilities-section .capabilities-box .image::after{
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2D2D2D;
	opacity: 0.25;
	position: absolute;
}

.capabilities-section .image-inner{
	display: flex;
	position: absolute;
    bottom: 65px;
    left: 83px;
    align-items: center;
    z-index: 1;
    /*display: none;*/
    gap: 28px;
}

.capabilities-section .image-inner h6{
	font-weight: normal !important;
}

.capabilities-section .hover-effect{
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	padding: 65px;
	display: flex;
	align-items: center;
	padding: 30px 100px 30px 100px;
	display: none;
}

.capabilities-section .box{
	background-color: #fff;
	border-radius: 10px;
	padding: 35px;
	width: 100%;
	height: 300px;
}

.capabilities-section .capabilities-box:hover .hover-effect{
	display: flex;
	transition: ease 0.8s;
}
.capabilities-section .capabilities-box:hover .image-inner{
	display: none;
	transition: ease 0.8s;
}
.capabilities-section .hover-effect img{
	margin: auto !important;
}

.capabilities-section .hover-effect .icon{
	width: 57px;
	margin: auto;
}

.capabilities-section .hover-effect h6{
	color: #2D2D2D !important;
	font-size: 20px !important;
	font-weight: bold !important;
	padding: none !important;
	padding-top: 15px;
}
.capabilities-section .hover-effect p{
	color: #2D2D2D;
	font-size: 16px;
	font-weight: bold;
	padding: 0 !important;
	padding: 20px 0px 20px 0px;
}

.capabilities-section .hover-effect .btn{
	width: 200px;
	height: 55px;
	 margin: auto;
	padding: 0;
	display: flex;
	background-color: #2D2D2D;
	align-items: center;
}

.capabilities-section .hover-effect a{
	text-decoration: none;
	margin: auto;
	color: #fff;
	border: none;
}

.capabilities-section .hover-effect button:hover{
	background-color: #19ABD9;
}

.capabilities-section .capabilities-box h6{
	color: #fff;
	/*padding-left: 28.5px;*/
	font-weight: 600;
	font-size: 25px;
	text-align: center;
}

/*################################################*/

/*########            DIGITAL            ########*/

/*################################################*/

.digital-wrapper .main-h6{
	padding-top: 100px;
	text-align: center;
	letter-spacing: 1.92px;
	font-size: 15px;
	color: #19ABD9;
	font-weight: bold;
	text-transform: uppercase;
}
.digital-wrapper .main-h5{
	padding-top: 20px;
	text-align: center;
	font-size: 30px;
	color: #2D2D2D;
	font-weight: bold;
}
.digital-wrapper .main-p{
	padding: 40px 0px 0px 0px;
	text-align: center;
	width: 71%;
	margin: auto;
	font-size: 16px;
	color: #5B5B5B;
	line-height: 1.8;
	font-weight: bold;
}

.left-aligned-wrap{
	padding-right: 14.4%;
	padding-top: 100px;
}



.left-aligned-wrap .blue-box h6{
	font-size: 30px;
	text-align: left;
	color: #fff;
}
.left-aligned-wrap .blue-box p{
	font-size: 25px;
	line-height: 1.5;
	text-align: left;
	color: #fff;
	padding-top: 25px;
	font-weight: normal;
}

.left-aligned-wrap .image-box{
	padding-left: 25%;
	position: relative;
	margin-top: -180px;
	max-width: 100%;
	height: auto;
}
.left-aligned-wrap .image-box img{
	width: 100%;
	height: auto;
}

.left-aligned-wrap .p-padding-left{
	font-size: 16px;
	color: #5B5B5B;
	line-height: 1.8;
	padding-left: 25%;
	padding-top: 60px;
	font-weight: bold;
}

.right-aligned-wrap{
	padding-top: 100px;
	width: 90%;
	float: right;
	align-items: right;
}



.right-aligned-wrap .blue-box h6{
	font-size: 30px;
	text-align: left;
	color: #fff;
}
.right-aligned-wrap .blue-box p{
	font-size: 25px;


	text-align: left;
	color: #fff;
	font-weight: normal;
	line-height: 1.5;
	padding-top: 25px;
}

.right-aligned-wrap .image-box{	
	width: 100%;
	height: auto;
	position: relative;
}

.right-aligned-wrap .image-box img{
	width: 94%;
	height: auto;
	padding-right: 16%;
	margin-top: -180px;
}

.right-aligned-wrap .normal-p{
	font-size: 16px;
	color: #5B5B5B;
	line-height: 1.8;
	padding-top: 60px;
	font-weight: bold;
	padding-right: 21.66%;
}

/*.digital-wrapper:last-child{
	background-color: #000 !important;
}*/

/*################################################*/

/*########           INDUSTRIES           ########*/

/*################################################*/

.industries-wrapper .min-wrap{
	width: 71%;
	margin: auto;
}

.industries-wrapper .top h6{
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 1.92px;
	color: #19ABD9;
	padding-top: 100px;
	text-transform: uppercase;
}
.industries-wrapper .top h5{
	text-align: center;
	font-weight: bold;
	color: #2D2D2D;
	font-size: 30px;
	padding-top: 20px;
}
.industries-wrapper .top p{
	text-align: center;
	font-weight: bold;
	color: #5B5B5B;
	font-size: 16px;
	padding-top: 45px;
	padding-bottom: 40px;
	line-height: 1.8;
	padding-left: 35px;
    padding-right: 35px;
}

.industries-wrapper .box{
	width: 50%;
	padding: 0px 35px 45px 35px;
}

.industries-wrapper .image{
	width: 100%;
}

.industries-wrapper .image img{
	width: 100%;
	height: 230px !important;
}

.industries-wrapper .image div{
	width: 100%;
	background-image: linear-gradient(to right, #1F4399 , #2394B8);
	height: 60px;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 20px;
	justify-content: center;
	text-align: center;
}

.industries-wrapper .box p{
	color: #5B5B5B;
	font-size: 16px;
	text-align: center;
	line-height: 1.8;
	padding-top: 27px;
	font-weight: bold;
}

/*################################################*/

/*########       CAPABILITIES INNER       ########*/

/*################################################*/
.capabilities-wrapper .min-wrap{
	width: 71%;
	margin: auto;
}

.capabilities-wrapper .main-h6{
	font-size: 15px;
	letter-spacing: 1.92px;
	color: #19ABD9;
	text-align: center;
	padding-top: 100px;
	font-weight: bold;
	text-transform: uppercase;
}
.capabilities-wrapper .main-h5{
	font-size: 30px;
	color: #2D2D2D;
	text-align: center;
	padding-top: 20px;
    padding-bottom: 40px;
	font-weight: bold;
}

.capabilities-wrapper .box{
	width: 50%;
	padding:25px;	
	cursor: pointer;
}

.capabilities-wrapper .box .rectangle{
	padding: 58px 36px 45px 36px;	
	display: flex;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	height: 450px;
}

.capabilities-wrapper .box .rectangle .left{
	width: 44%;
}

.capabilities-wrapper .box .rectangle:hover .left h6{
	color: #19ABD9;
	transition: 0.2s;
}

.capabilities-wrapper .box .rectangle .left h6{
	font-size: 20px;
	color: #2D2D2D;
	text-align: left;
	font-weight: bold;
	line-height: 1.8;
	padding-bottom: 55px;
}
.capabilities-wrapper .box .rectangle img{
	width: 100%;
}
.capabilities-wrapper .box .rectangle .right{
	max-width: 56%;
	padding-left: 29px;
}

.capabilities-wrapper .box .rectangle .right p{
	font-size: 16px;
	color: #5B5B5B;
	padding-left: 10px;
	line-height: 1.8;
}


/*################################################*/

/*########            FOOTER            ########*/

/*################################################*/
/*.main-banner-home .right-arrow{
	margin-left: 50px;
}*/

/*.contact-us
{
	margin-top: 100px;
}*/
.footer .lbl-container{
	display: gird;
	color: #fff;
}

.contact-title{
	padding-top: 109px;
	padding-bottom: 60px;
	text-align: center;
}

.contact-title h5{
	color: #19ABD9;
	font-size: 15px;
	letter-spacing: 1.92px;
	font-weight: 600;
	padding-bottom: 20px;
}
.contact-title h6{
	color: #2D2D2D;
	font-size: 30px;
	font-weight: 600;
}

.contact-us .min-wrap{
	width: 70%;
	height: 100%;

	background-size: 100% auto;
	margin: auto;
	margin-bottom: -320px;
	position: relative;
}



.contact-us .contact-wrapper{
	display: flex;
	padding: 0;
}
.contact-us .display-on-pc{
	margin: 0px;
	min-width: 50%;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	height: 100%;
	object-fit: cover;
}

.contact-us .display-on-mobile{
	display: none;
}

.contact-us .image-wrap{
	max-height: 100%;
    flex-grow: 1;
    width: 40%;
}

.contact-us .contact-area{
	width: 60%;
	box-shadow: 0px 1px 6px #00000029;
	border-radius: 0px 20px 20px 0px;
	background-color: #fff;
	padding: 45px 60px 45px 60px;
	
}
.contact-area button, .contact-area input, .contact-area optgroup, .contact-area select, .contact-area textarea{
	width: 100%;
	border: none;
	border-bottom:1px solid #DEDEDE;
}
.contact-area .wpcf7-form-control-wrap{
	width: 100%;
}
.contact-area .col-50{
	display: flex;
	gap: 40px;
}
.contact-area .col-50 p{
	width: 50%;
}
/* .contact-area label{
	color: #5B5B5B;
	font-size: 16px;
    position: relative;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    transform: translateY(130%);
} */
.contact-area .input-field{
	/*padding-bottom: 36px;*/
}

/* .contact-area label{
	width: 100%;
} */
.contact-us .btn-submit{
	padding-top: 40px;
}
.contact-us textarea{
	height: 60px;
}

.contact-us .form-group .focused textarea{
	outline: 0;
    box-shadow: unset;
    border-bottom: 1px solid #3399FE;
}
.contact-area .wpcf7-submit{
	width: 200px;
	height: 55px;
	background-color: #2D2D2D;
	font-size: 15px;
	color: #fff;
	border: none;
}
.contact-us .contact-no{
	width: 45%;
}
.contact-us .email{
	width: 100% !important;
	/* margin-left: 30px; */
}



.footer .min-wrap{
	width: 71%;
	margin: auto;
	height: auto;
}

.footer .logo{
	width: 187px;
	height: 112px;
}

.footer h5{

	font-size: 41px;
	color: #fff;
	padding-top: 46px;
}

.footer .left-area .copyright{
	font-size: 12px;
	color: #fff;
	padding-top: 63px;
}

.footer .middle-area ul {
	list-style: none;
}

.footer .middle-area ul li{
	padding-top: 28px;
}

.footer .middle-area ul li a{
	
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
}

.footer .right-area div{
	padding-top: 28px;
}
.footer .right-area .contact-no{
	display: flex;
	align-items: flex-start;
}

.footer .right-area img{
	width: 15px;
	height: auto;
	margin-top: 6px;
}


.footer .right-area label{
	padding-left: 12.85px;
	color: #fff;
	font-size: 15px;
}

.footer .social-area{
	padding-top: 200px;
	display: flex;
	gap: 20px;
}

.footer .icon-box{
	width: auto;
	height: auto;
}

.footer .social-area ul{
	list-style: none;
	display: flex;
	gap: 20px;
}

.footer .social-area .icon-on-hover{
	display: none;
}
.footer .social-area ul {
	padding: 0;
	padding-top: 63px;
}
.footer .social-area ul li a:hover .normal{
	display: none;
	transition: ease 0.2s;
}

.footer .social-area ul li a:hover .icon-on-hover{
	display: inline;
	transition: ease 0.2s;
}
.footer .social-area img{
	width: 30px;
	height: 30px;
}



.footer .back-to-top{
	width: 150px;
	float: right;
	margin-right: 43px;
	justify-content: center;
	display: grid;
	cursor: pointer;
	text-decoration: none;
}


.footer .back-to-top img{
	margin-left: 42%;
	width: 12px;
	height: 22px;
}

.footer .back-to-top p{
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	margin: auto;
	text-align: center;
	width: 100%;
}

.footer .hidden-copyright{
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding-top: 50px;
	display: none;
}


.box-video{
  position: relative;
  width: 100%;
  margin:0 auto 20px auto;
  cursor: pointer;
  overflow: hidden;
  height: 450px;
}

 /* Set Cover aka Background-Image */
.box-video .bg-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}

 /* Add light shade to make play button visible*/
.bg-video::after{ 
	content:'';
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background-image: linear-gradient(to bottom, #1F4399 , #2394B8);
  	z-index: 3;
  	opacity: 0.35;
  	}
.bg-video label{
	color: #fff;
	font-size: 16px;
	top: 85%;
	left: 15%;
	position: absolute;
}
.modal-dialog{
	min-width: 100% !important;
	min-height: 100% !important;
}
.modal-fullscreen .modal-content{
	height: 100vh !important;
}
.modal-fullscreen{
	z-index: 10000;
}
.modal-body{
	padding: 0;
}
.modal-fullscreen .modal-body{
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-header{
	border: none;
}
.modal-dialog{
	margin: 0;
}
/* The Play-Button using CSS-Only */
.box-video .bt-play {
  position: absolute;
  top: 90%;
  left: 10%;
  margin:-30px 0 0 -30px;
  display: inline-block;
  width: 41px;
  height: 41px;
  background: rgba(255, 255, 255, 0.8);
  /*-webkit-backdrop-filter: blur(10px);*/
  border-radius: 50%;
  text-indent: -999em;
  cursor: pointer;
  z-index:4;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  border: none;
}

/* The Play-Triangle */
.box-video .bt-play:after {
  content: '';
  position: absolute;
  left: 52%;
  top: 58%;
  height: 0;
  width: 0;
  margin: -12px 0 0 -6px;
  border: solid transparent;
  border-left-color: #000;
  border-width: 9px 16px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.box-video:hover .bt-play {
  transform: scale(1.1);
}

/* When Class added the Cover gets hidden... */
.box-video.open .bg-video{
  visibility: hidden;
  opacity: 0;

  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;  
}

/* and iframe shows up */
.box-video.open .video-container{
  opacity: 1;
  -webkit-transition: all .6s .8s;
  transition: all .6s .8s;
}

/* Giving the div ratio of 16:9 with padding */
.video-container {
	position: relative;
	width: 100%;
	height: 0;
  margin: 0;
  z-index: 1;
	padding-bottom: 56.27198%;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
}

.bottom-white-bar{
	display: none;
}
.navbar-expand-lg .navbar-nav{
	justify-content: flex-end !important;
}
.common-banner{
	height: 448px !important;
    position: relative !important;
	/* margin-top: 138px; */
}
/* .main-banner-home{
	margin-top: 138px;
} */
.common-banner .mask{
	position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
}
.common-banner .mask{
	margin-top: 0 !important;
}
/*############MEDIA QUERIES############*/

@media only screen and (max-width: 1600px){
	.slider-for{
		width: 80%;
	}
	.industries-wrapper .image img{
		height: 200px !important;
	}
	.key-numbers .box{
		width: 33.33%;
	}
	.capabilities-section .capabilities-box{
		width: 100%;
	}
	.commitments .commitmets-box{
		height: 600px;
	}
	.capabilities-wrapper .box .rectangle{
		height: 500px;
	}
}
@media only screen and (max-width: 1500px){
	.navbar-collapse ul li {
		padding: 0px 30px 0px 30px;
	}
}

@media only screen and (max-width: 1400px){
	.slider-for {
		width: 70%;
	}
	.digital .nav-pills {
		width:100%;
	}
	.digital .tab-content img{
		width: 50% !important;
		height: auto !important;	
	}
	.industries-wrapper .image img {
		height: 170px !important;
	}
	.main-banner-slider img{
		height: 270px !important;
	}
	.commitments .commitmets-box h6{
		text-align: center;
	}
	.commitments .commitmets-box{
		padding-right: 30px;
		padding-left: 30px;
		position: relative;
	}
	.commitments .commitmets-box .two-sides{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.commitments .commitmets-box .two-sides .text{
		width: 100%;
		padding-top: 10px;
		padding-right: 0;
		text-align: center;
	}
	.commitments .commitmets-box h6{
		padding-right: 0;
	}
	.commitments .commitmets-box .two-sides .image {		
		margin: auto;

	}
	.commitments .commitmets-box .two-sides .text p{
		padding-bottom: 20px;
	}
	.navbar-collapse ul li{
		padding: 0px 30px 0px 30px;
	}
	.capabilities .images-wrapper .image-box img{
		height: 300px;
	}


}
@media only screen and (max-width: 1300px){
	.navbar-expand-lg .navbar-nav .nav-link{
		padding-left: 0;
		padding-right: 0;
		
	}
	header .main-wrapper{
		width: 90%;
	}
	/*.key-numbers .box{
		width: 33.33%;
	}*/
	.common-banner h5 {
		font-size: 30px;
		width: 60%;
	}
	.commitments .commitmets-box .two-sides .text {
		font-size: 14px;
	}
	.capabilities-section .hover-effect p{
		font-size: 14px;
	}
	.capabilities-wrapper .box .rectangle .right p {
		font-size: 14px;
	}
	.left-aligned-wrap .blue-box p {
		font-size: 20px;
	}
	.right-aligned-wrap .blue-box p {
		font-size: 20px;
	}
	.industries-wrapper .image div {
		font-size: 16px;
	}
	.industries-wrapper .box p {
		font-size: 14px;
	}
	.about-secquoro .ash {
		font-size: 14px;
	}
	.commitments .commitmets-box .two-sides .text{
		padding-right: 5px;
	}
	.commitments .commitmets-box h6{
		font-size: 15px;
	}
	.capabilities-wrapper .min-wrap{
		width: 90%;
	}
	.capabilities-section .hover-effect p{
		font-size: 14px;
	}
	.capabilities-section .hover-effect h6 {
		font-size: 16px;
	}
	.navbar-collapse ul li {
		padding: 0px 30px 0px 30px;
	}
/*	.people-and-culture {
		padding-left: 200px;
	}*/
}


@media only screen and (max-width: 1200px){
	.slider-for {
		width: 100%;
	}
	.industries-wrapper .image img {
		height: 135px !important;
	}
	.main-banner-slider img {
		height: 240px !important;
	}
	header .logo img{
		width: 150px;
	}
	.main-banner-home .button-wrap{
		display: grid;
	}
	.digital a {
		font-size: 16px;
	}
	.digital .right-area p {
		font-size: 14px;
	}
	.digital .right-area {
	    padding-left: 50px;
	}
	.industries h5, .digital h5, .capabilities h5, .about .left-area h5, .contact-title h6, .about-secquoro h5, .key-numbers h5, .people-and-culture h5, .commitments h5, .corporate-news-room .main-h5, .company-history h4, .capabilities-wrapper .main-h5, .left-aligned-wrap .blue-box h6, .digital-wrapper .main-h5, .industries-wrapper .top h5, .right-aligned-wrap .blue-box h6 {

		font-size: 25px; 
	}
	.industries h6, .digital h6, .capabilities h6, .about .left-area h6, .industries p, .industries .industry-box label, .contact-title h5, .key-numbers h6, .people-and-culture h6, .commitments h6, .corporate-news-room .main-h6, .company-history h6, .capabilities-wrapper .main-h6, .left-aligned-wrap .blue-box p, .digital-wrapper .main-h6, .industries-wrapper .top h6, .right-aligned-wrap .blue-box p{
		font-size: 14px;
	}
	.about .right-area {
		padding-left: 20px;
	}
	.about-secquoro h6{
		font-size: 14px;
	}
	.about-secquoro .blue, .ash{
		font-size: 14px;
	}
	.key-numbers .box{
		width: 50%;
	}
	.key-numbers .box .number{
		font-size: 40px;
	}
	.key-numbers .box .text{
		font-size: 20px;
	}
	.key-numbers .box .icon{
		padding-top: 20px;
		display: flex;
	}
	.digital-wrapper .left-aligned-wrap .blue-box, .right-aligned-wrap .blue-box {
		 padding: 70px 84px 200px 140px;
	}
	.industries .industry-box {
		width: 100%;
	}
}

@media only screen and (max-width: 1100px){
	.navbar-collapse ul li{
		font-size: 14px;
		padding: 0px 20px 0px 20px;
	}
	/* .company-theme{
		font-size: 30px;
	} */
	.industries h5{
		width: 120px;
	}
	.common-banner h5 {
		width: 70%;
	}
	header .logo img{
		width: 120px;
	}
}

@media only screen and (max-width: 991px){
	.modal-fullscreen .modal-content{
		height: 100vh !important;
	}
	.modal-fullscreen iframe{
		width: 100% !important;
		height: 100% !important;
	}
	.digital .align-items-start{
		display: flex !important;
		flex-direction: column;
	}
	.digital .nav-pills{
		justify-content: center;
		align-items: center;
	}
	.digital .tab-content{
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.digital .btn{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.digital .tab-pane{
		padding: 0 !important;
	}
	.digital .tab-content img{
		width: 80% !important;
	}
	.digital .nav button{
		padding-bottom: 10px;
	}
	.industries-wrapper .image img {
		height: 280px !important;
	}
	.main-banner-slider .slick-prev {
		left: 44% !important;
		top: 111%;
	}
	.main-banner-slider .slick-next {
		right: 44% !important;
		top: 111%;
	}
	.main-banner-slider img{
		height: 450px !important;
		margin: 0;
		padding: 0;
	}
	.footer .address img{
		margin-top: 0 !important;
	}
	.footer .address br{

		display: none;
	}
	.contact-us .min-wrap{
		margin-bottom: -340px;
	}	
	.digital .right-area a{
		margin: auto;
	}
	.company-theme {
		padding-top: 60px;
	}
	
	.main-banner-home{
		padding-top: 0 !important;
	}
	.main-banner-home .top-area{
		padding-top: 0px !important;
	}
	.main-banner-home{
		margin-top: 10vh !important;
	}
	.common-banner{
		height: 320px !important;
    	position: relative !important;
		margin-top: 10vh !important;
	}
	.common-banner .mask{
		position: absolute !important;
		margin: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
	}
	.common-banner .min-wrap{
		width: 100%;
		height: 100%;
	}
	.common-banner .min-wrap {
		padding: 25px 50px 25px 50px !important;
	}
	.common-banner h6{
		padding-top: 30px;
	}
	header .logo img{
		width: 102px;
		padding-top: 23px !important;
	}
	.desltop-logo{
		display: none;
	}
	.on-mobile-whatsapp-icon img{
		width: 50px;
		height: auto;
		position: absolute;
		top: 21%;
		right: 3%;
	}
	.navbar-collapse .bottom-white-bar{
		display: flex;
		align-items: center;
	}
	.bottom-white-bar ul{
		padding-left: 30px !important;
		gap: 20px;
	}
	.navbar-collapse .on-mobile-social-area li{
		padding: 0;
		
	}
	
	.navbar-collapse .on-mobile-social-area{
		width: max-content;
		display: flex;
		list-style: none;
		padding: 0 ;
		margin: 0;
	}
	header .bottom-white-bar{
		height: 82px;
		width: 100vw;
		background-color: #fff;
		position: absolute;
		bottom: 0;
		display: flex;
		align-items: center;
		/* position: relative;		 */
	}
	.navbar-collapse{
		display: flex;
   	    flex-direction: column;
		flex-grow: 1;
	}
	 .menu-main-menu-container ul .active a::after{
	    content: " ";
        display: block;
        background: #fff;
		height: 1px;
		width: 100%;
		margin-top: 10px;
	}
	.menu-main-menu-container ul a::after{
	    content: " ";
        display: block;
        background: rgba(255, 255, 255, 0.2);
		height: 1px;
		width: 100%;
		margin-top: 10px;
	}
	.menu-main-menu-container ul a{
		color: #fff !important;
		font-weight: normal !important;
		font-size: 12px !important;
		padding-bottom: 30px !important;
	}
	.navbar-collapse {
		width: 100%;
		width: 100vw !important;
		height: 88vh;
		background-image: linear-gradient(to bottom, #1F4399, #2394B8);
		position: absolute;
    	top: 10vh;
		padding-top: 80px;
	}
	.navigation-wrapper{
		padding: 0;
	}
	.top-white-bar{
		width: 100vw;
		height: 82px !important;
		position: absolute;
		top: 0;
		background: #fff;
	}
	header .logo img{
		margin-left: 20px;
		width: 80px;
		padding-top: 20px !important;
	}
	.navbar-toggler{
		/* background: #000; */
		display: block;
		/* position: absolute; */
		width: 83%;
		/* left: 90%; */
    	top: 30%;
		border: none;
		color: #19ABD9;
		/* width: max-content; */
		font-size: 37px !important;
	}
	header .main-wrapper{
		width: 100%;
	}
	.display-on-mobile{
		display: flex;
	}	
	.capabilities-section .hover-effect{
		display: flex !important;
	}
	.capabilities-section .image-inner{
		display: none !important;
	}
	.capabilities .owl-nav .owl-next{
		top: 18%;
   	    right: -10%;
	}
	.industries .on-pc{
		display: none !important;
	}
	.capabilities .owl-nav .owl-prev{
		top: 18%;
   		 left: -11%;
	}

	.navigation-wrapper .social-icons ul{
		display: none;
	}

	.footer .back-to-top{
		display: none;
	}

	.navigation-wrapper .menu-toogle{
		display: flex;
	}

	.middle-wrap{
	width: 80%;
	margin: auto;
	padding:100px 0px 100px 0px;
	}
	.about .right-area {
		padding: 0;
		padding-top: 100px;
	}
	.digital .right-area {
		padding: 0;
	}
	.digital .middle-area{
		padding-top: 30px;
	}
	.digital .right-area p{
		padding-top: 30px;
	}
	.digital h6, .digital h5{
		text-align: center;
	}
	.digital .strategy{
		display: flex;
		justify-content: center;
	}
	.industries .button-exp{
		/* padding-bottom: 80px; */
		display: flex;
		justify-content: center;
		padding-top: 30px;
	}
	.industries .industry-box label{
		padding-right: 30px;
	}
	.common-banner h5 {
		width: 85%;
	}
	.common-banner h5{
		font-size: 25px;
	}
	.about-secquoro .blue{
		padding-top: 30px;
	}
	.about-secquoro .text-wrapper{
		padding: 0;
	}
	.key-numbers .box{
		width: 100%;
	}
	.people-and-culture {
		padding-left: 150px;
		padding-right: 150px;
	}
	.people-and-culture .carousel-people-and-culture{
		padding-left: 0;
	}
	.company-history .images-wrap .image {
		min-width: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}

	.capabilities-wrapper .box{
		width: 80%;
		margin: auto;
	}
	.left-aligned-wrap{
		padding-right: 0;
	}
	.right-aligned-wrap{
		width: 100%;
	}
	.right-aligned-wrap .normal-p {
		padding-left: 30px;
	}
	.left-aligned-wrap .p-padding-left {
		padding-right: 30px;
	}
	.industries-wrapper .min-wrap {
		width: 80%;
	}
	.industries-wrapper .box{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.industries-wrapper .top p{
		padding-left: 0;
		padding-right: 0;
	}

	.people-and-culture{
		padding: 0;
	}

	.people-and-culture .min-wrap{
		width: 80%;
		margin: auto;
	}

	.corporate-news-room-carousel{
		min-width: 100%;
		max-width: 100%;
		overflow: hidden;
	}

	.corporate-news-room .news-wrapper{
		padding: 25px 35px 25px 35px;
	}

	.corporate-news-room .news-wrapper p {
		font-size: 14px;
	}

	.corporate-news-room .news-wrapper h6{
		font-size: 16px;
	}
	.capabilities-wrapper .box{
		padding-left: 0;
		padding-right: 0;
	}
	.capabilities .min-wrap{
		width: 95%;
	}
	.commitments .commitments-carousel{
		overflow: hidden;
		min-width: 100%;
		max-width: 100%;
	}
	.commitments .commitmets-box h6{
		padding-right: 0;
	}
	.commitments .commitmets-box{
		padding-left: 15px;
	}
	.contact-wrapper .display-on-pc{
		display: none;
	}
	.contact-wrapper .display-on-mobile{
		display: block;
	}
	.contact-wrapper{
		display: grid !important;
	}
	.contact-us .image-wrap{
		width: 100%;
	}
	.contact-us .contact-area{
		width: 100%;
		border-radius: 0;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.contact-us .image-wrap img{
		margin: 0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.contact-area .col-50{
		display: grid;
		gap: 0;
	}
	.contact-us .btn-submit{
		display: flex;
		justify-content: center;
	}
	.contact-us .wpcf7-spinner{
		display: none;
	}
	.contact-us .contact-wrapper{
		margin-bottom: -199px;
	}
	.contact-us .min-wrap {
		width: 80%;
	}
	.footer .left-area{
		display: grid;
		text-align: center;
	}
	.footer .logo{
		margin: auto;
	}
	.footer .middle-area ul li{
		display: flex;
		justify-content: center;
	}

	.footer .right-area .contact-no, .email, .address{
		display: flex;
		justify-content: center;
		gap: 12px;
	}
	.footer .right-area .contact-no label, .email label, .address label{
		padding: 0;
	}
	.footer .social-area{
		justify-content: center;
	}
	.footer .social-area ul{
		padding: 0;
		margin: auto;
	}
	.footer .right-area .contact-no, .email, .address {
		display: grid;
	}
	.footer .right-area .contact-no, .email, .address{
			width: 100% !important;
		}
	.footer .right-area img {
		margin: auto;
	}
	.footer .middle-area ul {
		padding-left: 0;
	}
	.footer .right-area label, .footer .right-area label{
		padding-left: 0;
	}
	.footer .hidden-copyright{
		display: block;
	}
	.footer .left-area .copyright{
		display: none;
	}
	.footer .left-area .copyright a{
		text-decoration: none;
		color: #fff;
	}
	.industries-slider{
		display: block;
	}
	.industries-boxes{
		display: none !important;
	}
	.main-banner-home{
		padding-top: 10vh;
	}
	.main-banner-home .main-banner-carousel img{
		height: 260px;
	}
	.capabilities .images-wrapper .image-box img{
		height: 250px;
	}
	.main-banner-home .top-area{
		width: 90%;
		display: grid;
		padding-bottom: 71px;
	}
	.common-banner {
		margin-top: 10vh !important;
	}
	.common-banner h5 {
		width: 100%;
		font-weight: 100 !important;
	}
	
	
	.company-theme {
		width: 100%;
		padding-bottom: 30px;
		text-align: center;
		padding-bottom: 55px;
	}
	.main-banner-home .button-wrap{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.main-banner-home .button-wrap button{
		width: 200px;
    	height: 68px;
	}
	.main-banner-home .button-wrap a{
		width: 200px;
    	height: 68px;
	}
	.industries-slider .industry-box{
		display: grid !important;
		justify-content: center;
	}
	.industries-slider .industry-box{
		display: flex !important;
	}
	.top-white-bar{
		display: flex;
		align-items: center;
	}
	header .logo img{
		padding: 0 !important;
	}
	.navbar-collapse{
		top:82px !important;
	}
	.navbar-collapse{
		overflow: auto;
		z-index: 100;
	}
	.footer .lbl-container{
		display: flex;
	}
}

@media only screen and (max-width: 750px){
	.capabilities-section .min-wrap{
		width: 95%;
	}
	.industries-wrapper .image img {
		height: 230px !important;
	}
}

@media only screen and (max-width: 600px){
	.industries-wrapper .image img{
		height: 200px !important;
	}
	.about .left-area p{
		padding-bottom: 30px !important;
	}
	.main-banner-slider img{
		height: 300px !important;
	}
	
	.people-and-culture h5{
		font-size: 20px;
		line-height: 1.5;
		padding-bottom: 20px !important;
		margin: 0;
	}

	.people-and-culture h6{
		padding-top: 30px  !important;
		margin: 0;
	}
	.key-numbers{
		padding-bottom: 30px !important;
	}
	.key-numbers .box {
		padding-top: 10px;
		padding-bottom: 10px;	
	}
	.key-numbers .rectangle{
		height: 340px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.key-numbers .box .icon {
		padding-top: 10px;
	}
	.key-numbers .box .number{
		padding-top: 15px;
	}
	.key-numbers h5{
		margin: 0;
	}
	.key-numbers h6{
		padding-top: 30px  !important;
		padding-bottom: 10px !important;
		margin: 0;
	}
	.about-secquoro .ash{
		margin: 0;
	}
	.about-secquoro .blue{
		padding-top: 10px;
		margin: 0;
		padding-bottom: 10px;
	}
	.about-secquoro h5{
		font-size: 20px;
		padding-bottom: 10px;
	}
	.about-secquoro h6{
		margin: 0;
	}
	.common-banner h5{
		font-size: 20px;
	}
	.common-banner h6 {
		padding-top: 0;
	}
	.footer{
		padding-bottom: 30px !important;
	}
	.footer .hidden-copyright{
		padding-top: 30px;
		margin: 0 !important;
	}
	.footer .right-area div {
		padding-top: 30px;
	}
	.footer .right-area label {
		margin-top: -7px !important;
	}
	.footer h5 {
		padding-top: 20px;	
		margin: 0;
	}
	.footer .middle-area ul li{
		padding-top: 20px !important;
	}
	.contact-us .image-wrap {
		margin-bottom: -120px;
	}
	.contact-title h6 {
		margin: 0;
	}
	.contact-title h5 {
		margin: 0;
		padding-bottom: 10px;
	}
	.contact-title{
		padding-top: 30px !important;
	}
	.industries .button-exp {
		padding-top: 20px;
	}
	.industries p {
		margin: 0;
		padding-bottom: 15px;
		line-height: 1.5;
	}
	.industries h5 {
		margin: 0;
    	padding-bottom: 10px;
	}
	.industries h6{
		margin: 0;
		padding-bottom: 10px;
	}
	.industries .middle-wrap{
		padding-top: 30px !important;
	}
	.digital .right-area p {
		padding-top: 20px !important;
  	    margin: 0 !important;
		padding-bottom: 20px !important;
		line-height: 1.5;
	}
	.digital .middle-area {
		padding-top: 20px;
	}
	.digital .strategy {
		padding-bottom: 10px !important;
	}
	.digital h5 {
		padding-top: 10px;
		padding-bottom: 15px;
		margin: 0;
	}
	.digital h6 {
		padding-top: 0;
		margin: 0;	
	}
	.digital .middle-wrap{
		padding: 30px 0px 30px 0px !important;
	}
	.capabilities .btn {
		padding-top: 10px !important;	
	}
	.capabilities .images-wrapper .image-box label {
		padding-top: 20px !important;	
	}
	.capabilities h6{
		margin: 0;
		padding-bottom: 10px;
	}
	.capabilities h5{
		margin: 0 !important;
		padding-bottom: 15px;
	}
	.capabilities .images-wrapper .image-box img{
		height: 220px !important;
	}
	.box-video{
		height: 320px !important;
	}
	.capabilities{
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.main-banner-carousel .owl-nav{
		height: 60px;
    	padding-bottom: 12px;
	}
	.about .left-area p {
		line-height: 1.5;
		font-size: 14px;
		padding-bottom: 15px;	
		margin: 0;
	}

	.about .left-area h5 {
		font-size: 20px;
		padding-bottom: 10px;
		margin: 0;
	}
	.company-theme{
		font-size: 20px;
		padding-top: 30px;
		padding-bottom: 30px !important;
	}
	
	.industries-slider .box{
		gap: 0 !important;
	}
	.industries-slider .industry-box label {
	width: 150px !important;	
	}
	.capabilities .btn{
		padding-top: 40px;
	}
	.main-banner-home .button-wrap button, .main-banner-home .button-wrap a{
		width: 48%;
    	height: 68px;
	}
	.capabilities-section .capabilities-box{
		padding: 20px 0px 20px 0px !important;
	}
	.common-banner .min-wrap{
		padding: 61px 50px 61px 50px;
	}
	
	
	
	.main-banner-home .main-banner-carousel img{
		height: 290px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.about{
		text-align: center;
	}
	.about .left-area h6 {
		margin: 0 !important;
		padding-bottom: 10px;
	}
	.about .right-area{
		padding-top: 30px;
	}
	.middle-wrap {
		width: 95%;
		padding: 30px 0px 30px 0px;
	}
	.box-video{
		height: 386px;
	}
	.capabilities {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.capabilities h5 {
		padding-bottom: 20px;
	}
	.capabilities .min-wrap{
		width: 95%;
	}
	.capabilities-wrapper .min-wrap{
		width: 95% !important;
	}
	.capabilities .capabilities-carousel{
		overflow: hidden;
	    max-width: 100%;
   	    min-width: 100%;
	}
	.capabilities-wrapper .box{
		width: 100%;
		margin: auto;
	}
	.digital .middle-wrap{
		padding: 60px 0px 60px 0px;
		text-align: center;
	}
	.digital h5{
		padding-bottom: 20px;
   		padding-top: 10px;

	}
	.digital .strategy {
	    padding-bottom: 20px;
	}
	.digital .middle-area {
		display: flex;
	}
	.digital .middle-area img{
		width: 80%;
	    margin: auto;
	}
	.industries .middle-wrap{
		padding-top: 60px;
	}
	.industries h6, .industries h5, .industries p{
		text-align: center;
	}
	.industries h5{
		width: 100%;
	}
	.industries .btn{
		width: 100%;
	}
	.industries p{
	    padding-right: 0;
   	    padding-bottom: 20px;
	}
	.industries .industry-box{
		width: 100%;
		display: flex;
		margin: auto;
		justify-content: center;
	}
	.industries .industry-box label{
		width: 300px;
		padding-right: 0;
	}

	.about-secquoro{
		text-align: center;
	}
	.key-numbers .min-wrap{
		width: 95%;
	}
	.key-numbers .box {
		padding-left: 0;
		padding-right: 0;
	}
	.key-numbers h6 {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	.key-numbers h5 {
		padding-bottom: 20px;
	}
	.people-and-culture .min-wrap{
		width: 95% !important;
	}
	.people-and-culture .carousel-people-and-culture img{
		width: 95%;
		margin: auto;
	}
	.people-and-culture h6{
		padding-top: 60px;
	}
	.people-and-culture h6, h5, p{
		text-align: center;
	}
	.people-and-culture p {
		padding-top: 20px;
	}
	.people-and-culture .icons-wrapper {
		padding-top: 20px;
	}
	.people-and-culture .icons-wrapper {
		padding-bottom: 0;
	}
	.company-history .min-wrap{
		width: 95%;
	}
	.commitments{
		padding-top: 130px;
	}
	.commitments .commitmets-box{
		padding-top: 30px;
		margin: auto;
	}
	.commitments .min-wrap{
		padding-bottom: 60px;
	}
	.corporate-news-room{
		padding-bottom: 60px !important;
	}
	.company-history{
		padding-top: 60px;
		text-align: center;
	}
	.company-history h4, h5{
		padding-bottom: 20px;
	}
	.capabilities-section .min-wrap {
		min-width: 95% !important;
	}
	.capabilities-section .capabilities-box{
		padding: 39px 0px 39px 0px;
	}
	.corporate-news-room .main-h6 {
		padding-top: 60px;
	}
	.corporate-news-room .main-h5 {
		padding-bottom: 30px;
	}
	.corporate-news-room-carousel{
		width: 100%;
	}
	
	.key-numbers .min-wrap, .commitments .min-wrap, .people-and-culture .min-wrap, .company-history .min-wrap, .capabilities-section .min-wrap, .capabilities-wrapper .min-wrap, .digital-wrapper .main-p, .industries-wrapper .min-wrap{
		width: 90%;
	}

	.left-aligned-wrap .image-box, .left-aligned-wrap .p-padding-left {
		padding-left: 15%;
	}
	.left-aligned-wrap .blue-box, .right-aligned-wrap .blue-box{
		width: 85%;
	}
	.left-aligned-wrap .blue-box, .right-aligned-wrap .blue-box{
		padding: 60px 84px 200px 84px;
	}

	.right-aligned-wrap .image-box img, .right-aligned-wrap .normal-p  {
		padding-right: 15%;
	}
	.corporate-news-room .news-wrapper{
		    padding: 20px 20px 20px 20px;
	}
	.capabilities-section .capabilities-box h6{
		font-size: 15px !important;
	}
	.capabilities-section .min-wrap {
		width: 95%;
		padding-top: 60px;
	}
	.capabilities .capabilities-carousel{
		width: 95%;
		max-width: 95%;
		/*overflow: hidden;*/
	}
	.capabilities .images-wrapper .image-box img {
		height: 330px;
	}
	.capabilities .owl-stage-outer{
		height: 500px;
	}
	.capabilities .hidden-cont p {
		padding-bottom: 10px;
	}
	.capabilities .hidden-cont h6 {
		padding-bottom: 20px;
	}
	.capabilities-section p{
		padding-top: 0;
	}
	.capabilities .owl-nav .owl-prev {
		top: 76%;
    	left: 40%;
	}
	.capabilities .owl-nav .owl-next{
	top: 76%;
    right: 40%;
	}
	.digital-wrapper .main-h6{
		padding-top: 60px !important;
	}
	.digital-wrapper .main-h5{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.digital-wrapper .main-p{
		padding-top: 0;
	}
	.digital-wrapper .left-aligned-wrap .blue-box, .right-aligned-wrap .blue-box{
		min-width: 100%;
		max-width: 100%;
		padding: 60px 30px 60px 30px;
	}
	.digital-wrapper .left-aligned-wrap, .right-aligned-wrap{
		padding-top: 60px;
	}
	.digital-wrapper .left-aligned-wrap .blue-box h6{
		text-align: center;
	}
	.digital-wrapper .left-aligned-wrap .blue-box p{
		text-align: center;
	}
	.digital-wrapper .right-aligned-wrap .blue-box h6{
		text-align: center;
	}
	.digital-wrapper .right-aligned-wrap .blue-box p{
		text-align: center;
	}
	.digital-wrapper .left-aligned-wrap .image-box{
		padding: 0;
		margin: 0;
	}
	.right-aligned-wrap .image-box img{
		padding: 0;
		margin: 0;
	}
	.left-aligned-wrap .p-padding-left{
		padding-top: 30px;
		padding-left: 30px;
	}
	.right-aligned-wrap .normal-p{
		padding-top: 30px;
		padding-right: 30px;
	}

	.industries-wrapper .top h6{
		padding-top: 60px;
	}
	.industries-wrapper .top p{
		padding-top: 0;
		padding-bottom: 30px;
	}
	.industries-wrapper .min-wrap{
		width: 95%;
	}
	.footer h5 {
		font-size: 35px;
	}
	.footer .middle-area ul {
		padding: 0;
	}
	
	.footer .right-area img{
		margin: auto;
	}
	.footer .right-area .contact-no label, .email label, .address label{		
		text-align: center;
	}
	.footer .right-area div {
		padding-top: 20px;
	}
	.footer .right-area label{
		padding-left: 0;
		width: 100%;
	}
	
	.corporate-news-room .min-wrap {
		width: 95%;
	}
	.contact-us .min-wrap {
		width: 95%;
	}

	.contact-us .contact-area{
		padding: 30px 30px 50px 30px;
	}
	.contact-us .contact-wrapper{
		margin-bottom: -189px;
	}
	.contact-us .form-input{
		padding-left: 15px !important;
	}
	.footer{
		padding-top: 580px;

	}
	.contact-title{
		/* padding-top: 60px !important; */
		padding-bottom: 30px;
	}

	.industries-slider .owl-carousel .owl-nav button.owl-prev{
		 top: -8%;
   		 left: -3%;
	}
	.industries-slider .owl-carousel .owl-nav button.owl-next{
		top: -8%;
    	left: 89%;
	}	

	.industries-slider .owl-carousel .owl-nav button.owl-next{
		right: 0 !important;
		top: 0 !important;
	}

	.industries-slider .owl-carousel .owl-nav button.owl-prev{
		left: 0 !important;
		top: 0 !important;
	}
	.industries-slider .owl-carousel .owl-nav{
		display: flex !important;
	    align-items: center !important;
	    justify-content: center !important;
	}
	.main-banner-home .top-area {
		padding-bottom: 30px;
	}
	.common-banner .min-wrap {
		padding: 25px 20px 25px 20px!important;	
	}
	.common-banner{
		height: 230px !important;
	}
	.common-banner h5 {
		padding-top: 40px !important;
	}
	.people-and-culture h5{
		padding-bottom: 0 !important;
	}
	.people-and-culture{
		margin-bottom: 0 !important;
	}
	.people-and-culture .icons-wrapper {
		padding-top: 0 !important;
	}
	.people-and-culture .carousel-people-and-culture {
		padding-top: 30px !important;
	}
	.people-and-culture .carousel-people-and-culture img{
		height: 350px !important;
	}
	.commitments{
		padding-top: 100px;
	}
	.commitments .main-h6{
		margin: 0 !important;
	}
	.commitments h5{
		margin: 0 !important;
	}
	.commitments .commitmets-box h6{
		margin: 0 !important;
	}
	.commitments .commitmets-box .two-sides .text p {
		margin: 0 !important;
	}
	.commitments .min-wrap {
		padding-bottom: 30px !important;	
	}
	.corporate-news-room .main-h6{
		margin: 0 !important;
		padding-top: 30px !important;
	}
	.corporate-news-room .main-h5 {
		margin: 0;
		padding-bottom: 20px !important;
	}
	.corporate-news-room img{
		height: 320px !important;
	}
	.corporate-news-room .news-wrapper{
		margin-top: -75px !important;
		width: 95% !important;
	}
	.corporate-news-room .news-wrapper .news-date{
		padding-bottom: 10px !important;
	}
	.corporate-news-room .news-wrapper h6 {
		margin: 0 !important;
	}
	.corporate-news-room .news-wrapper p {
		padding-top: 10px !important;
		margin: 0 !important;
	}
	.corporate-news-room{
		padding-bottom: 30px !important;
	}
	.company-history{
		padding-top: 30px !important;
	}
	.company-history h6{
		margin: 0 !important;
	}
	.company-history h4{
		margin: 0 !important;
		padding-bottom: 10px !important;
	}
	.company-history h5{
		line-height: 1.5 !important;
		margin: 0;
		padding-bottom: 20px !important;
	}
	.company-history p{
		margin: 0 !important;
		line-height: 1.5 !important;
	}
	.company-history .images-wrap .image{
		padding-top: 30px !important;
	}
	.company-history .bottom-paragraph {
		padding-top: 30px !important;
	}
	.capabilities-section .min-wrap{
		padding-top: 30px !important;
	}
	.capabilities-section h6{
		margin: 0 !important;
	}
	.capabilities-section h5 {
		padding-top: 10px !important;
		margin: 0 !important;
		padding-bottom: 10px !important;
	}
	.capabilities-section p{
		margin: 0;
		line-height: 1.5 !important;

	}
	.capabilities-section .capabilities-wrap{
		padding-top: 0px ;
	}
	.digital-wrapper .main-h6{
		margin: 0;
		padding-top: 30px !important;
	}
	.digital-wrapper .main-h5{
		margin: 0;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.digital-wrapper .main-p{
		line-height: 1.5 !important;
	}
	.digital-wrapper .left-aligned-wrap, .right-aligned-wrap{
		padding-top: 30px !important;
	}
	.left-aligned-wrap .blue-box h6{
		font-size: 20px !important;
	}
	.digital-wrapper .left-aligned-wrap .blue-box{
		padding-bottom: 30px !important;
		padding-top: 30px !important;
	}
	.digital-wrapper  .right-aligned-wrap .blue-box{
		padding-bottom: 30px !important;
		padding-top: 30px !important;
	}
	.digital-wrapper .left-aligned-wrap .blue-box h6{
		margin: 0;
	}
	.left-aligned-wrap .blue-box p {
		padding-top: 10px !important;
		margin: 0 !important;
	}
	.left-aligned-wrap .p-padding-left {
		padding-left: 20px;
		padding-right: 20px;
		line-height: 1.5;
		margin: 0;
	}
	.digital-wrapper .right-aligned-wrap .blue-box{
		padding: 30px 20px 30px 20px !important;
	}
	.digital-wrapper .right-aligned-wrap .blue-box h6{
		margin: 0 !important;
	}
	.right-aligned-wrap .blue-box p {
		padding-top: 10px !important;
		line-height: 1.5;
		margin: 0;
	}
	.right-aligned-wrap .normal-p{
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin: 0;
		line-height: 1.5;
	}
	.industries-wrapper .top h6{
		margin: 0;
		padding-top: 30px !important;
	}
	.industries-wrapper .top h5{
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 0;
	}
	.industries-wrapper .top p{
		padding-bottom: 20px;
		margin: 0;
		line-height: 1.5;
	}
	.industries-wrapper .box p{
		margin: 0;
		padding-top: 10px;
		line-height: 1.5;
	}
	.industries-wrapper .box{
		padding-bottom: 30px ;
	}
	.capabilities-wrapper .main-h6{
		padding-top: 30px !important;
		margin: 0;
	}
	.capabilities-wrapper .main-h5{
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px !important;
	}
	.capabilities-wrapper .box .rectangle .left h6{
		padding-bottom: 20px;
		margin: 0;
	}
	.capabilities-wrapper .box .rectangle .right p{
		line-height: 1.5;
		margin: 0;
	}
	.footer h5 {
		font-size: 25px !important;
	}
	.footer .logo{
		width: 120px;
		height: auto;
	}
	/* .footer .middle-area ul li a {
		
	} */
	.footer .middle-area ul li {		
		padding-top: 15px !important;
	}
	.footer .right-area div{
		padding-top: 15px;
	}
	.footer .hidden-copyright{
		padding-top: 20px;
	}
	.key-numbers .box .number {
		margin: 0;
	}
	.capabilities .owl-nav .owl-prev {
		top: 65%;
		left: 35%;
	}
	.capabilities .owl-nav .owl-next {
		top: 65%;
		right: 35%;
	}
	.capabilities .owl-stage-outer{
		height: 330px;
	}
	.industries .industry-box label {
		padding-left: 5px;
		font-size: 12px !important;
	}
	.industries .industry-box img{
		width: 50px;
		height: auto;
	}
	.industries .slick-prev {
		left: -3% !important;	
	}
	.industries .slick-next {
		width: 20px !important;
		right: -3.5% !important;
		padding: 0;
	}
	.capabilities-section .capabilities-box .image .main-image{
		height: 350px;
	}
	.capabilities-section .hover-effect p{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.right-aligned-wrap .image-box img{
		width: 100%;
	}

}

@media only screen and (max-width: 500px){
	/* .digital-wrapper .left-aligned-wrap .blue-box, .right-aligned-wrap .blue-box
	{
		padding: 30px 20px 60px 20px !important;
	} */
	.industries-wrapper .image img {
		height: 160px !important;
	}
	.main-banner-slider .slick-prev {
		left: 41% !important;
	}
	.main-banner-slider .slick-next {
		right: 41% !important;
	}
	.main-banner-slider img {
		height: 240px !important;
	}
	.capabilities-section .image-inner{
		left: 20px !important;
		bottom: 20px;
	}

	.capabilities-section .hover-effect{
		padding: 20px 20px 20px 20px;
	}
	.capabilities-wrapper .main-h6 {
		padding-top: 60px;
	}
	.capabilities-wrapper .main-h5 {
		padding-bottom: 30px;
	}
	.capabilities-wrapper .box {
		    height: auto;
   		    padding: 0px 0px 30px 0px !important;
	}
	.capabilities-wrapper .box .rectangle{
		display: grid;
		padding: 30px 20px 30px 20px !important;
	}
	.capabilities-wrapper .box .rectangle .left h6{
		text-align: center;
	}
	.capabilities-wrapper .box .rectangle .left, .right{
		max-width: 100% !important;
		min-width: 100% !important;
	}
	.capabilities-wrapper .box .rectangle .right{
		padding-left: 0;
	}
	.capabilities-section .hover-effect .btn{
		width: 135px;
    	height: 38px;
	}
	.capabilities-wrapper .box .rectangle .left h6 {
		padding-bottom: 30px;
	}
	.capabilities-wrapper .box .rectangle .right p{
		padding-left: 0;
	}
	.digital-wrapper .right-aligned-wrap .blue-box{
		padding: 30px 20px 180px 50px;
	}
}

@media only screen and (max-width: 450px){
	.box-video{
		height: 250px !important;
	}
	.capabilities-section .box{
		    height: auto !important;
   		    padding: 10px !important;
	}
	.capabilities-section .image-inner{
		bottom: 30px;
   		 left: 30px;
	}
}

@media only screen and (max-width: 400px){
	.industries-wrapper .image img {
		height: 125px !important;
	}
	.main-banner-home .main-banner-carousel img{
		height: 190px;
	}
	.main-banner-home .button-wrap button, .main-banner-home .button-wrap a{
		height: 50px;
	}
	.commitments .commitmets-box .two-sides{
		display: grid;
	}
	.commitments .commitmets-box .two-sides .text{
		width: 100%;
	}
	.commitments .commitmets-box .two-sides .image {
		width: 100%;
	}
	
	
}



.industries-slider .industry-box label{
	width: max-content !important;
}
.slick-wrapper .slick-slide{
/* width: 220px !important; */
}

.company-theme span{
	font-weight: bold;	
}
.form-group{
    position: relative;
}
.form-input {
    position: relative;
    padding: 12px 0px 5px 15px !important;
    width: 100%;
    outline: 0;
    border: 0;
    box-shadow: 0 1px 0 0 #e5e5e5;
    transition: box-shadow 150ms ease-out;
}
.form-input:focus {
    box-shadow: 0 2px 0 0 var(--back-bg);
}
.focused .form-label {
    transform: translateY(-120%);
    font-size: 0.75em !important;
}
.form-label {
    position: absolute;
    left: 15px;
    top: 35px;
    color: #999;
    background-color: #fff;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
}
#hamburger-1.is-active .line:nth-child(2){
	opacity: 0;
  }
  
  #hamburger-1.is-active .line:nth-child(1){
	-webkit-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
	width: 50px !important;
  }
  
  #hamburger-1.is-active .line:nth-child(3){
	-webkit-transform: translateY(-14px) rotate(-45deg);
	-ms-transform: translateY(-14px) rotate(-45deg);
	-o-transform: translateY(-14px) rotate(-45deg);
	transform: translateY(-14px) rotate(-45deg);
	width: 50px !important;
  }
  .row .three{
	padding: 80px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #2c3e50;
	color: #ecf0f1;
	text-align: center;
  }
  
  .hamburger .line{
	width: 50px;
	height: 3px;
	background-color: #19ABD9;
	display: block;
	margin: 8px 0px 8px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
  }
  .hamburger .line-one{
	width: 40px;
  }
  .hamburger .line-two{
	  width: 33px;
	  /* float: right; */
  }
 .hamburger .line-three{
	width: 20px;
	/* float: right; */
 }
  
  .hamburger:hover{
	cursor: pointer;
  }
  .navbar-toggler:focus{
	  outline: 0 !important;
	  box-shadow: none !important;
  }

  .common-banner h5 span{
	  font-weight: 600 !important;
  }

.weblankan-website-link{
	text-decoration: none;
	color: #fff;
}
.weblankan-website-link:hover{
	color: #fff;
}
.footer .right-area .contact-no label, .email label, .address label:hover{
	color: #fff;
}
.navbar-collapse ul .active a{
	font-weight: bold !important;
}
.footer .address img{
	margin-top: -41px;
}

.js-scroll {
    opacity: 0;
    transition: opacity 500ms;
}
.js-scroll.scrolled {
    opacity: 1;
}
.scrolled.count-animation {
    animation: fade-in-bottom 0.5s ease-in-out both;
    animation-delay: calc(0.3s * var(--i));
}
.scrolled.fade-in-bottom {
    animation: fade-in-bottom 0.5s ease-in-out both;
    animation-delay: calc(0.3s * var(--i));
}


@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes count-animation {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}