@import url("css2-Nunitowght200300400600_swap.css");
/*@import url("https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap");*/
/*@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap");*/
/*@import url("https://fonts.googleapis.com/css2?family=Hind:wght@700&display=swap");*/

:root {
	--dark-blue: #173668;
	--mid-blue: #243f8a;
	--light-blue: #3765a2;
	--gray: #636465;
}


html,
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Nunito", sans-serif;
	overflow-x: hidden;
	/*cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='36' height='43' viewport='0 0 100 100' style='fill:black;font-size:20px;'><text y='50%'>🚀</text></svg>") 16 0,auto;*/
}

/* Menu CSS */


div#header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 50;
}

div#header > .container {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Menu CSS end */

.hero-section {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.hero-section .swiper-button-next{
    top: calc(50%);
    transform: translateY(50%);
}

.hero-section .swiper-button-prev{
    top: calc(50%);
    transform: translateY(50%);
}

.hero-section__one {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 2rem;
	padding-left: 10rem;
	padding-right: 10rem;
	overflow: hidden;
}

.hero-section__one>img {
	width: 80px;
}

/* .menu-bars {
	display: block;
	width: 25px;
	height: 3px;
	margin: 5px auto;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	background-color: var(--mid-blue);
	position: relative;
	z-index: 5;
}

.menu-bars::before {
	content: "";
	position: absolute;
	height: 3px;
	width: 25px;
	top: 7px;
	background-color: var(--mid-blue);
	z-index: 5;
}

.menu-bars::after {
	content: "";
	position: absolute;
	height: 3px;
	width: 25px;
	top: 15px;
	background-color: var(--mid-blue);
	transform: translate(0);
	z-index: 5;
}

.menu-bars:hover {
	background: transparent;
}

.menu-bars:hover::after {
	cursor: pointer;
	transform: rotate(40deg) translateX(-7px) translateY(-7px);
}

.menu-bars:hover::before {
	cursor: pointer;
	transform: rotate(-40deg) translateX(0px) translateY(-2px);
}

.sidebar {
	width: 400px;
	height: 100%;
	background-color: var(--mid-blue);
	z-index: 1;
	position: absolute;
	right: -100%;
	overflow: hidden;
	transition: all 0.8s ease-in-out;
	z-index: 6;
}

.sidebar ul li {
	list-style: none;
	padding: 0rem 1rem;
	text-align: center;
	position: relative;
}

.sidebar ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	display: block;
	padding: 1rem;
}

.sidebar ul li a:hover {
	background-color: #fff;
	color: #000;
}

.sidebar>ul>li>a {
	font-size: 1.3rem;
	text-transform: uppercase;
	color: #fff;
}

ul.sub-menus>li {
	padding: 0.2rem 1rem;
	display: none;
}

.sidebar ul li:hover>ul {
	background: #fff;
}

.sidebar ul li:hover>ul li {
	display: block;
	background: #00000082;
	color: #fff;
}

ul.sub-menus>li a {
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
	padding: 0.7rem;
	text-align: left;
}

.close-cross {
	position: absolute;
	height: 5px;
	width: 30px;
	background: #fff;
	top: 3rem;
	left: 1rem;
	transform: rotate(45deg);
	cursor: pointer;
}

.close-cross::after {
	content: "";
	position: absolute;
	height: 5px;
	width: 30px;
	background: #fff;
	top: 0rem;
	left: 0rem;
	transform: rotate(270deg);
	cursor: pointer;
} */

.hero-contents {
    margin-top: 132px;
	/*margin: 0 auto;*/
	/* background-color: #fff; */
	width: 100%;
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: center;*/
}

.swiper-button-prev {
    position: absolute;
    top: 50%;
    /*width: 25px !important;*/
    /*height: 25px !important;*/
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    content: url('../image/previous.png');
    height: 10% !important;
    width: auto !important;
    color: #fff !important;
    /*background: #000000b0 !important;*/
    /*padding: 0.5rem !important;*/
    /*border-radius: 50% !important;*/
}

.swiper-button-next {
    position: absolute;
    top: 50%;
    /*width: 25px !important;*/
    /*height: 25px !important;*/
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    content: url('../image/next.png');
    height: 10% !important;
    width: auto !important;
    color: #fff !important;
    /*background: #000000b0 !important;*/
    /*padding: 0.5rem !important;*/
    /*border-radius: 50% !important;*/
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
	font-size: 1rem !important;
    font-weight: 600 !important;
}


img#jv80\ jv801\ desk {
    display: block;
}

img#jv80\ jv800\ desk {
    display: block;
}

img#jv800\ desk {
    display: block;
}


img#jv80\ jv801\ mobb {
    display: none;
}

img#jv80\ jv800\ mobb {
    display: none;
}

img#jv800\ mobb {
    display: none;
}

.hero-text-1 {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	border-bottom: 1px solid rgb(170, 161, 161);
}

.hero-text-1>h1 {
	font-size: 2.5rem;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: 1.3em;
}

.hero-text-1>h2 {
	font-size: 13rem;
	margin: 0;
	padding: 0;
	padding-left: 4rem;
	margin-bottom: -3rem;
	/* font-family: 'D-DIN', sans-serif; */
	/* font-family: 'ubuntu', sans-serif; */
	font-family: "Hind", sans-serif;
	font-weight: 900;
	text-transform: uppercase;

	color: #f5f5f5;
	text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191,
		1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191,
		1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191,
		1px 10px 1px #919191, 1px 18px 6px rgba(16, 16, 16, 0.4),
		1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2),
		1px 30px 60px rgba(16, 16, 16, 0.4);
}

/* .bottom-layer {
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-top: 2rem;
} 

.bottom-layer > img {
    padding-right: 1rem;
    padding-left: 1rem;
} */

.hero-text-1>#h2 {
	font-size: 8rem;
	padding-left: 0;
	margin-bottom: 0;
}

/* #jv30 {
    width: 60%;
    padding-right: 3rem;
} */

img#jv80 {
	width: 100%;
    height: 70vh;
    object-fit: revert
}

a.banner_link > img#jv800 {
	width: 100%;
	    height: 67vh;
    object-fit: revert
}

a.banner_link {
    width: 100%;
    height: 100%;
}

h2#jv80 {
	font-size: 7rem;
}

h1.jv80 {
	font-size: 1.5rem;
	font-weight: 500;
}

h1.jv80>span {
	font-size: 2.5rem;
	padding-top: 0.5rem;
	line-height: 1.5em;
	font-weight: 300;
}

.hero-text-2>a {
	padding: 0.7rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background-color: #222;
	filter: drop-shadow(2px 5px 6px #8888);
	transition: all 0.3s;
}

.hero-text-2>a:hover {
	background: #222;
	color: #ffff;
	filter: drop-shadow(4px 4px 1px rgba(53, 53, 53, 0.582));
}

.hero-text-2>p:nth-child(1) {
	color: var(--mid-blue);
	font-weight: 600;
	letter-spacing: 0.1px;
	line-height: 0;
	padding-top: 0.5em;
}

#jv30text>p:nth-child(1) {
	color: var(--mid-blue);
	font-weight: 600;
	letter-spacing: 0.1px;
	line-height: 0;
	padding-top: 0.5em;
	padding-bottom: 1rem;
	font-size: 1.3rem;
}

#jv30text>p:nth-child(2) {
	position: relative;
	margin-left: 1rem;
}

#jv30text>p:nth-child(2)::before {
	content: "";
	position: absolute;
	height: 7px;
	width: 7px;
	background: #000;
	left: -15px;
	top: 6px;
}

#jv30text>p:nth-child(3) {
	position: relative;
	margin-left: 1rem;
}

#jv30text>p:nth-child(3)::before {
	content: "";
	position: absolute;
	height: 7px;
	width: 7px;
	background: #000;
	left: -15px;
	top: 6px;
}

#jv30text>p:nth-child(4) {
	margin-bottom: 2rem;
	position: relative;
	margin-left: 1rem;
}

#jv30text>p:nth-child(4)::before {
	content: "";
	position: absolute;
	height: 7px;
	width: 7px;
	background: #000;
	left: -15px;
	top: 6px;
}

#jv30text>a {
	margin-top: 1rem;
}

div#jv80text {
	padding-bottom: 1rem;
}

#jv80text>p:nth-child(1) {
	color: var(--mid-blue);
	font-weight: 600;
	letter-spacing: 0.1px;
	line-height: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5rem;
	font-size: 1.3rem;
}

#jv80text>p:nth-child(2) {
	position: relative;
	margin-left: 1rem;
}

#jv80text>p:nth-child(2)::before {
	content: "";
	position: absolute;
	height: 7px;
	width: 7px;
	background: #000;
	left: -15px;
	top: 6px;
}

#jv80text>p:nth-child(3) {
	position: relative;
	margin-left: 1rem;
}

#jv80text>p:nth-child(3)::before {
	content: "";
	position: absolute;
	height: 7px;
	width: 7px;
	background: #000;
	left: -15px;
	top: 6px;
}

#jv80text>p:nth-child(4) {
	margin-bottom: 0rem;
	position: relative;
	margin-left: 1rem;
}

#jv80text>p:nth-child(4)::before {
	content: "";
	position: absolute;
	height: 7px;
	width: 7px;
	background: #000;
	left: -15px;
	top: 6px;
}
/*--------------------------------------------------------------
# Test Page - Banner Slider
--------------------------------------------------------------*/
.banner-title {
    position: absolute;
    left: 50%;
    top: 100%;
    color: white;
    transition: all 0.5s ease;
    text-shadow: 2px 2px 4px #000;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.5;
}
.banner-read {
    position: absolute;
    right: 100%;
    top: 60%;
    text-decoration: none;
    color: white;
    font-size: 0.875rem;
    overflow: hidden;
    font-weight: 500;
    border: 1px solid #243f8a;
    border-radius: 3px;
    padding: 6px 12px;
    transition: all 0.8s ease;
    background-color: #243f8a;
    transform: translateX(0%);
    transition-delay: 300ms;
}
.banner-read:hover {
    background-color: #fff;
    color: #243f8a;
    border: 1px solid #243f8a;
    text-decoration: none;
}
.swiper-slide-active .banner-read {
    right: 50%;
    transform: translateX(100%);
}
.swiper-slide-active .banner-title {
    top: 50%;
}
@media (min-width: 1400px) {
    .banner-title {
        font-size: 2.75rem;
    }
    .banner-read {
        font-size: 1.25rem;
    }
}
@media (max-width: 991.98px) {
    .banner-title {
        line-height: 1;
    }
    .banner-read {
        top: 62%;
    }
}
@media (max-width: 767.98px) {
    .banner-title {
        font-size: 1.25rem;
        line-height: 1;
    }
    .banner-read {
        font-size: 0.75rem;
        top: 64%;
    }
    .hero-section .swiper-button-prev,
    .hero-section .swiper-button-next {
        top: calc(60%);
        transform: translateY(50%);
    }
}
/*--------------------------------------------------------------
# Prodducts
--------------------------------------------------------------*/     
.prodducts {
	width: 100%;
	height: 100%;
	padding: 2rem 0;
}

.prodducts>h1 {
	text-align: center;
	text-transform: inherit;
	font-size: 2rem;
	font-weight: 600;
	
	margin: 0;
}
.prodducts>h2 {
    text-align: center;
    text-transform: inherit;
	font-weight: 600;
	padding: 0 0 2rem;
	margin: 0;
}

.prods {
	width: 80%;
	/*max-width: 80%;*/
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.prod__1 {
	width: 33.3%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	transition: all .3s;
}

.dot {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 100px;
    background: #000;
    left: 20%;
    bottom: 11%;
}

.dot.millll {
    background: linear-gradient(to bottom, #f38329 1%, #f69b23 100%);
}

.dot.turnnn {
    background: linear-gradient(to bottom, #6bc66d 1%, #76c649 100%);
}

.dot.turnmillll {
    background: linear-gradient(to bottom, #0095bc 1%, #0079bc 100%);
}

.prod__1::after {
    /*position: absolute;*/
    /*content: '';*/
    /*width: 40%;*/
    /*height: 1px;*/
    /*background: #000;*/
    /*bottom: 8px;*/
    /*left: 30%;*/
    /*transform: translateY(22rem);*/
    position: absolute;
    content: '';
    width: 40%;
    height: 1px;
    background: #000;
    bottom: 2%;
    left: 28%;
    transition: all 0.3s;
}

.prod__1::before {
    /*content: '';*/
    /*position: absolute;*/
    /*width: 1px;*/
    /*height: 15%;*/
    /*background: #000;*/
    /*bottom: 0%;*/
    /*left: 27%;*/
    /*transform: rotate(-45deg) translateY(0rem);*/
    content: '';
    position: absolute;
    width: 1px;
    height: 15%;
    background: #000;
    bottom: 0%;
    left: 25%;
    transform: rotate(-45deg) translateY(0%);
    transition: all 0.3s;
}


.prod__1>a {
	text-decoration: none;
	padding: .5rem;
	/*background: gray;*/
	color: #000;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.5;
	width: 50%;
	margin-top: 1rem;
	transition: all 0.3s;
}

.prod__1> a >img {
	filter: grayscale(1);
	transform: scale(1);
	transition: all 0.5s ease-out;
}

.prod__1> a:hover > img {
	filter: grayscale(0);
	transform: scale(1.1);
}

/* .prod__1:hover>a {
	background: #3765A2;
} */

.prod__1:hover::after {
    height: 2px;
}

.prod__1:hover::before {
    width: 2px;
}

.mill:hover {
	/*background: linear-gradient(to bottom, #f38329 1%, #f69b23 100%);*/
	text-decoration: none;
}

.turn:hover {
	/*background: linear-gradient(to bottom, #6bc66d 1%, #76c649 100%);*/
	text-decoration: none;
}

.turnm:hover {
	/*background: linear-gradient(to bottom, #0095bc 1%, #0079bc 100%);*/
	text-decoration: none;
}

/* .prod__1 > a:hover {
	background: #3765A2;
} */

/* video {
	outline: none;
	border: none;
} */

.product__sections {
	max-width: calc(100% - 32vw);
	margin: 0 auto;
	padding: 3rem 0 7rem 0;
}

.products__section {
	margin: 0 auto;
	/* width: 100%; */
}

.products__section>h1 {
	text-align: center;
	font-size: 2rem;
	font-weight: 300;
	text-transform: uppercase;
	padding: 3rem 0;
}

.products__section--one {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f5f5f5;
	/* max-width: calc(100% - 45vw); */
	/* width: 100%; */
	margin: 0 auto;
	padding: 3rem 3rem;
	position: relative;
	cursor: pointer;
	transition: all 0.3s;
}

.products__section--one:hover {
	background-color: var(--dark-blue);
	color: #fff;
}

.products__section--one:hover>.products__section--one-text2>span {
	opacity: 1;
}

.products__section--one-img {
	display: flex;
	justify-content: center;
	width: 50%;
	/*width: 35%;*/
}

/* .products__section--one-img>img {
    width: 100%;
} */

.products__section--one-texts {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.products__section--one-text1 {
	background: var(--light-blue);
	color: #fff;
	/* width: 100%; */
	padding: 0.5rem 6rem 0.5rem 1.2rem;
	/*margin-left: -0.4rem;*/
	margin-left: -5.6rem;
	/* border-radius: 0px 0px 0px 10px; */
	clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
}

.products__section--one-text1>h2 {
	margin: 0;
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: 1.3em;
}

.products__section--one-text1>p {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 200;
	letter-spacing: 0.5px;
	line-height: 1.3em;
}

.products__section--one-text2>h5 {
	font-size: 2rem;
	font-weight: 300;
	max-width: 15vw;
	margin-bottom: -2.5rem;
	padding-left: 1rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
	margin-left: -5.6rem;
}

.products__section--one>span {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.4rem 2rem;
	background-color: var(--light-blue);
	color: #fff;
	font-size: 1.025rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
}

.products__section--one-text2>span {
	opacity: 1;
	font-size: 2rem;
	color: #000;
}

.products__section--two {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 60vh;
}

.products__section--two-1 {
	width: 100%;
	background: linear-gradient(to left, #bec0c0, #808182);
	position: relative;
	padding: 2rem 3rem 0 2rem;
	transition: all 0.2s linear;
	cursor: pointer;
}

.products__section--two-1:hover {
	background: linear-gradient(to right, #3765a2, #243f8a);
}

.turning {
	display: flex;
	align-items: center;
	justify-content: center;
}

.turning>h3 {
	font-size: 1.5rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
}

.turning>span a {
	padding-left: 1rem;
	color: red;
	text-decoration: none;
}

.turning>span a:hover {
	text-decoration: underline;
}

.products__section--two-2 {
	width: 100%;
	background: linear-gradient(to left, #bec0c0, #808182);
	position: relative;
	padding: 2rem 3rem 0 2rem;
	transition: all 0.7s;
	cursor: pointer;
	/* background-image: url(../images/greybg.png);
    background-repeat: no-repeat; */
}

.products__section--two-2:hover {
	background: linear-gradient(to right, #3765a2, #243f8a);
}

.turning-img {
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 75.7%; */
	margin: 0 auto;
}

.turning-img>img {
	width: 70%;
	/* background-image: url(../images/greybg.png); */
	filter: drop-shadow(3px 15px 15px #3f3f3f);
}

.products__section--two-1>h6 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.4rem 2rem;
	background-color: var(--gray);
	color: #fff;
	font-size: 1.15rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
	margin: 0;
}

.products__section--two-1>h6 a {
	color: #fff;
	text-decoration: none;
}

.products__section--two-2>h6 a {
	color: #fff;
	text-decoration: none;
}

.turnmill>h3 {
	font-size: 1.5rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
}

.turnmill-img {
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 74%; */
	margin: 0 auto;
}

.turnmill-img>img {
	width: 80%;
}

.products__section--two-2>h6 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.4rem 2rem;
	background-color: var(--gray);
	color: #fff;
	font-size: 1.15rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
	margin: 0;
}

/* News */
/*News New style start*/

.contain {
    width: 100%;
    background: #efefef;
}


.grid {
    width: min(90%, 100rem);
    height: 100%;
    /*max-width: 90%;*/
    /*min-width: 90%;*/
    margin: 0 auto;
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-template-rows: repeat(auto-fit, minmax(200px, 400px)); */
    background: #efefef;
    padding: 3rem 0;
}

.grid h2 {
    text-transform: inherit;
}

.one {
  background: #fff;
  width: fit-content;
  /*height: 100%;*/
  margin: 0;
  padding: 1rem;
  text-decoration: none;
  transition: all .3s;
    position: relative;
}

a.one::before {
    content: '';
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    left: 100%;
    top: 50%;
}

a.one:hover::before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #243f8a;
    transition: all .3s;
}

.one::after {
    content: '';
    position: absolute;
    width: 80%;
    margin: 0 auto;
    height: 1px;
    background: #000;
    inset: 90% 0% 0% 0;
    transition: all .3s;
}

a.one:hover::after {
    background: #fff;
}

a.one:hover {
    background: #243f8a;
    text-decoration: none;
}

a.one:hover > h1 {
    color: #fff;
}

a.one:hover > h4 {
    color: #fff;
}

a.one > p {
    color: #000;
}

a.one:hover > p {
    color: #fff;
}

/*a.one:hover + .two img {*/
/*    transform: scale(0.9);*/
/*}*/

.two {
  background: #fff;
  width: 100%;
  height: 100%;
}

.two > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}

.three {
  background: #fff;
  width: fit-content;
  /*height: 100%;*/
  padding: 1rem;
   text-decoration: none;
  transition: all .3s;
  position: relative;
}

.three::after {
    content: '';
    position: absolute;
    width: 80%;
    margin: 0 auto;
    height: 1px;
    background: #000;
    inset: 90% 0% 0% 0;
    transition: all .3s;
}

a.three::before {
    content: '';
    position: absolute;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    left: 50%;
    top: 100%;
    transition: all .3s;
	z-index: 1;
}

a.three:hover::before {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #243f8a;
}

a.three:hover::after {
    background: #fff;
}

a.three:hover {
    background: #243f8a;
    text-decoration: none;
}

a.three:hover > h1 {
    color: #fff;
}

a.three > p {
    color: #000;
}

a.three:hover > p {
    color: #fff;
}

/*a.three:hover + .four img {*/
/*    transform: scale(0.9);*/
/*}*/

.four {
  background: #fff;
  width: 100%;
  height: 100%;
}

.four > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .5s;
    filter: grayscale(1);
}

.five {
  background: #fff;
  width: 100%;
  height: 100%;
}

.five > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .5s;
    filter: grayscale(1);
}

.six {
  background: #fff;
  width: fit-content;
  /*height: 100%;*/
  padding: 1rem;
   text-decoration: none;
  transition: all .3s;
  position: relative;
}

.six::after {
    content: '';
    position: absolute;
    width: 80%;
    margin: 0 auto;
    height: 1px;
    background: #000;
    inset: 90% 0% 0% 0;
    transition: all .3s;
}

a.six::before {
    content: '';
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    right: 100%;
    top: 50%;
    transition: all .3s;
}

a.six:hover::before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #243f8a;
}

a.six:hover::after {
    background: #fff;
}

a.six:hover {
    background: #243f8a;
    text-decoration: none;
}

a.six:hover > h1 {
    color: #fff;
}

a.six > p {
    color: #000;
}

a.six:hover > p {
    color: #fff;
}

/*a.six:hover ~ .five img.fiv {*/
/*    transform: scale(0.9);*/
/*}*/

.seven {
  background: #fff;
  width: 100%;
  height: 100%;
}

.seven > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(1);
}

.eight {
  background: #fff;
  width: fit-content;
  /*height: 100%;*/
  padding: 1rem;
   text-decoration: none;
  transition: all .3s;
  position: relative;
}

.eight::after {
    content: '';
    position: absolute;
    width: 80%;
    margin: 0 auto;
    height: 1px;
    background: #000;
    inset: 90% 0% 0% 0;
    transition: all .3s;
}

a.eight::before {
    content: '';
    position: absolute;
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    left: 50%;
    bottom: 100%;
    transition: all .3s;
	z-index: 1;
}

a.eight:hover::before {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #243f8a;
}

a.eight:hover::after {
    background: #fff;
}

a.eight:hover {
    background: #243f8a;
    text-decoration: none;
}

a.eight:hover > h1 {
    color: #fff;
}

a.eight > p {
    color: #000;
}

a.eight:hover > p {
    color: #fff;
}

/*a.eight:hover ~ .seven img {*/
/*    transform: scale(0.9);*/
/*}*/

.nine {
  background: #fff;
  width: fit-content;
  /*height: 100%;*/
  padding: 1rem;
   text-decoration: none;
  transition: all .3s;
  position: relative;
}

.nine::after {
    content: '';
    position: absolute;
    width: 80%;
    margin: 0 auto;
    height: 1px;
    background: #000;
    inset: 90% 0% 0% 0;
    transition: all .3s;
}

a.nine::before {
    content: '';
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    left: 100%;
    top: 50%;
	z-index: 1;
}

a.nine:hover::before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #243f8a;
    transition: all .3s;
}

a.nine:hover::after {
    background: #fff;
}

a.nine:hover {
    background: #243f8a;
    text-decoration: none;
}

a.nine:hover > h1 {
    color: #fff;
}

a.nine > p {
    color: #000;
}

a.nine:hover > p {
    color: #fff;
}

/*a.nine:hover + .ten img {*/
/*    transform: scale(0.9);*/
/*}*/

.ten {
  background: #fff;
  width: 100%;
  height: 100%;
}

.ten > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .5s;
    filter: grayscale(1);
}

.ele {
  background: #fff;
  width: fit-content;
  /*height: 100%;*/
  padding: 1rem;
   text-decoration: none;
  transition: all .3s;
  position: relative;
}

.ele::after {
    content: '';
    position: absolute;
    width: 80%;
    margin: 0 auto;
    height: 1px;
    background: #000;
    inset: 90% 0% 0% 0;
    transition: all .3s;
}

a.ele::before {
    content: '';
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    left: 100%;
    top: 50%;
	z-index: 1;
}

a.ele:hover::before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #243f8a;
    transition: all .3s;
}

a.ele:hover::after {
    background: #fff;
}

a.ele:hover {
    background: #243f8a;
    text-decoration: none;
}

a.ele:hover > h1 {
    color: #fff;
}

a.ele > p {
    color: #000;
}

a.ele:hover > p {
    color: #fff;
}

/*a.ele:hover + .twl img {*/
/*    transform: scale(0.9);*/
/*}*/

.twl {
  background: #fff;
  width: 100%;
  height: 100%;
}

.twl > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .5s;
    filter: grayscale(1);
}

/*New style end*/

.newsss {
	height: fit-content;
	background-color: #efefef;
	padding: 5rem 0rem;
	margin: 0 auto;
	
	display: none;
}

.news-whole-rows-1 {
	margin: 0 auto;
	height: 400px;
	width: 100%;
	display: flex;
}

.news-whole-rows-1>.news-row-1 {
	width: 33.33%;
	height: 100%;
	background-color: #fff;
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
	text-decoration: none;
	color: #000;
}

.news-whole-rows-1>.news-row-1:hover {
	background-color: var(--mid-blue);
	color: #fff;
	text-decoration: none;
}

.news-whole-rows-1>.news-row-1::after {
	content: "";
	position: absolute;
	right: -0.9rem;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	transition: all 0.3s;
	border-left: 15px solid #fff;
}

.news-whole-rows-1>.news-row-1:hover::after {
	content: "";
	position: absolute;
	right: -0.9rem;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	transition: all 0.3s;
	border-left: 15px solid var(--mid-blue);
}

.news-whole-rows-1>.news-row-1>h1 {
	padding-left: 2rem;
	margin-top: 1rem;
}

.news-whole-rows-1>.news-row-1:hover > h1 {
	color: #fff;
}

.news-whole-rows-1>.news-row-1:hover > h3 {
	color: #f1f1f1;
}

.news-whole-rows-1>.news-row-1>h3 {
	padding-left: 2rem;
}

.news-whole-rows-1>.news-row-1>p {
	padding-left: 2rem;
	padding-right: 2rem;
}

/*.arrow {*/
/*	position: absolute;*/
/*	bottom: 0.5rem;*/
/*	right: 3rem;*/
/*	font-size: 2rem;*/
/*}*/

.arrow > a {
    position: absolute;
    bottom: 0.5rem;
    right: 4rem;
    font-size: 2rem;
}

.arrow a {
	text-decoration: none;
	color: #000;
}

.arrow a:hover {
	color: #fff;
	text-decoration: none;
}

.news-whole-rows-1>.news-row-2 {
	width: 33.33%;
	height: 100%;
	background-color: #243f8a;
}

.news-whole-rows-1>.news-row-2>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-whole-rows-1>.news-row-3 {
	width: 33.33%;
	height: 100%;
	background-color: #fff;
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
	text-decoration: none;
	color: #000;
}

.news-whole-rows-1>.news-row-3:hover {
	background-color: var(--mid-blue);
	color: #fff;
	text-decoration: none;
}

.news-whole-rows-1>.news-row-3::after {
	content: "";
	position: absolute;
	bottom: -0.9rem;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #fff;
	transition: all 0.3s;
}

.news-whole-rows-1>.news-row-3:hover::after {
	content: "";
	position: absolute;
	bottom: -0.9rem;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid var(--mid-blue);
	transition: all 0.3s;
}

.news-whole-rows-1>.news-row-3>h1 {
	padding-left: 2rem;
	margin-top: 1rem;
}

.news-whole-rows-1>.news-row-3:hover > h1 {
	color: #fff;
}

.news-whole-rows-1>.news-row-3>p {
	padding-left: 2rem;
	padding-right: 2rem;
}

.news-whole-rows-1>.news-row-4 {
	width: 33.33%;
	height: 100%;
	background-color: mediumspringgreen;
}

.news-whole-rows-1>.news-row-4>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1);
}

.news-whole-rows-2 {
	height: 400px;
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.news-whole-rows-2>.news-row-1 {
	width: 33.33%;
	height: 100%;
	background-color: crimson;
}

.news-whole-rows-2>.news-row-1>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1);
}

.news-whole-rows-2>.news-row-2 {
	width: 33.33%;
	height: 100%;
	background-color: #fff;
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
	text-decoration: none;
	color: #000;
}

.news-whole-rows-2>.news-row-2:hover {
	background-color: var(--mid-blue);
	color: #fff;
	text-decoration: none;
}

.news-whole-rows-2>.news-row-2::after {
	content: "";
	position: absolute;
	left: -0.9rem;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #fff;
	transition: all 0.3s;
}

.news-whole-rows-2>.news-row-2:hover::after {
	content: "";
	position: absolute;
	left: -0.9rem;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid var(--mid-blue);
	transition: all 0.3s;
}

.news-whole-rows-2>.news-row-2>h1 {
	padding-left: 2rem;
	margin-top: 1rem;
}

.news-whole-rows-2>.news-row-2:hover > h1 {
	color: #fff;
}

.news-whole-rows-2>.news-row-2>p {
	padding-left: 2rem;
	padding-right: 2rem;
}

.news-whole-rows-2>.news-row-3 {
	width: 33.33%;
	height: 100%;
	background-color: tomato;
}

.news-whole-rows-2>.news-row-3>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1);
}

.news-whole-rows-2>.news-row-4 {
	width: 33.33%;
	height: 100%;
	background-color: #fff;
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
	text-decoration: none;
}

.news-whole-rows-2>.news-row-4:hover {
	background-color: var(--mid-blue);
	color: #fff;
	text-decoration: none;
}

.news-whole-rows-2>.news-row-4::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -0.9rem;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #fff;
	transition: all 0.3s;
}

.news-whole-rows-2>.news-row-4:hover::after {
	content: "";
	position: absolute;
	top: -0.9rem;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid var(--mid-blue);
	transition: all 0.3s;
}

.news-whole-rows-2>.news-row-4>h1 {
	padding-left: 2rem;
	margin-top: 1rem;
}

.news-whole-rows-2>.news-row-4:hover > h1 {
	color: #fff;
}

.news-whole-rows-2>.news-row-4>p {
	padding-left: 2rem;
	padding-right: 2rem;
}

.news-whole-rows-3 {
	height: 400px;
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.news-whole-rows-3>.news-row-1 {
	width: 33.33%;
	height: 100%;
	background-color: #fff;
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
	text-decoration: none;
	color: #000;
}

.news-whole-rows-3>.news-row-1:hover {
	background-color: var(--mid-blue);
	color: #fff;
	text-decoration: none;
}

.news-whole-rows-3>.news-row-1::after {
	content: "";
	position: absolute;
	right: -0.9rem;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	transition: all 0.3s;
	border-left: 15px solid #fff;
}

.news-whole-rows-3>.news-row-1:hover::after {
	content: "";
	position: absolute;
	right: -0.9rem;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	transition: all 0.3s;
	border-left: 15px solid var(--mid-blue);
}

.news-whole-rows-3>.news-row-1>h1 {
	padding-left: 2rem;
	margin-top: 1rem;
}

.news-whole-rows-3>.news-row-1:hover>h1 {
	color: #fff;
}

.news-whole-rows-3>.news-row-1>p {
	padding-left: 2rem;
	padding-right: 2rem;
}

.news-whole-rows-3>.news-row-2 {
	width: 33.33%;
	height: 100%;
	background-color: olive;
}

.news-whole-rows-3>.news-row-2>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1);
}

.news-whole-rows-3>.news-row-3 {
	width: 33.33%;
	height: 100%;
	background-color: #fff;
	position: relative;
	cursor: pointer;
	transition: all 0.3s;
	text-decoration: none;
	color: #000;
}

.news-whole-rows-3>.news-row-3:hover {
	background-color: var(--mid-blue);
	color: #fff;
	text-decoration: none;
}

.news-whole-rows-3>.news-row-3::after {
	content: "";
	position: absolute;
	right: -0.9rem;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	transition: all 0.3s;
	border-left: 15px solid #fff;
}

.news-whole-rows-3>.news-row-3:hover::after {
	content: "";
	position: absolute;
	right: -0.9rem;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	transition: all 0.3s;
	border-left: 15px solid var(--mid-blue);
}

.news-whole-rows-3>.news-row-3>h1 {
	padding-left: 2rem;
	margin-top: 1rem;
}

.news-whole-rows-3>.news-row-3:hover>h1 {
	color: #fff;
}

.news-whole-rows-3>.news-row-3>p {
	padding-left: 2rem;
	padding-right: 2rem;
}

hr {
	position: absolute;
	bottom: 3rem;
	width: 80%;
	margin-left: 2rem;
}

.news-whole-rows-3>.news-row-4 {
	width: 33.33%;
	height: 100%;
	background-color: yellow;
}

.news-whole-rows-3>.news-row-4>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1);
}

/* MAP */
.network_section {
	width: 100%;
	margin: 0 auto;
	padding: 3rem 0 0rem 0;
	/* padding: 3rem 0 5rem 0; */
}

.network_section>h2 {
	text-align: center;
	padding: 2rem 0;
	text-transform: inherit;
	letter-spacing: 0.5px;
	line-height: 1.3em;
}

.network_section>img {
	width: auto;
	padding: 3rem 0;
	display: flex;
	margin: 0 auto;
}

.network_section--checkbox {
	display: flex;
	justify-content: center;
}

.network_section--checkbox>.container:nth-child(2) {
	margin-left: 2.5rem;
	padding: 1rem 2rem;
	display: flex;
	align-items: center;
}

.network_section--checkbox>.container:nth-child(1) {
	border: 2px solid var(--mid-blue);
}

.network_section--checkbox>.container:nth-child(1) {
	padding: 1rem 2rem;
	display: flex;
	align-items: center;
}

.container {
	display: block;
	position: relative;
	/*padding-left: 35px;*/
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 1.2rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 2px solid transparent;
}

/*.container input {*/
/*	position: absolute;*/
/*	opacity: 0;*/
/*	cursor: pointer;*/
/*	height: 0;*/
/*	width: 0;*/
/*}*/

.checkmark {
	position: absolute;
	/* top: 0; */
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #ccc;
}

.container::after>input:checked {
	border: 1px solid #000;
	background: #000;
}

.container:hover input~.checkmark {
	background-color: #dddddd;
}

.container input:checked~.checkmark {
	background-color: var(--mid-blue);
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.container input:checked~.checkmark:after {
	display: block;
}

.container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.lifeatlmw {
	height: fit-content;
	background-color: #efefef;
	padding: 3rem 0 5rem 0;
	margin: 0 auto;
}

.lifeatlmw-blocks {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	max-width: calc(100% - 34vw);
	margin: 0 auto;
}

.lifeatlmw-texts {
	padding-left: 1rem;
	width: 100%;
}

.lifeatlmw-texts>h2 {
	font-size: 1.7rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
	text-transform: inherit;
	margin-bottom: 2rem;
	font-weight: 400;
}

.lifeatlmw-texts>p {
	max-width: 64vw;
	font-size: 1.12rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
}

.lifeatlmw-texts>h5 {
	font-size: 1.5rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
	text-transform: uppercase;
	font-weight: 300;
}

/* Accordion */
.accordion {
	background-color: #dddddd;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 1.2rem;
	transition: 0.4s;
	letter-spacing: 0.5px;
	line-height: 1.3em;
}

.active,
.accordion:hover {
	background-color: var(--mid-blue);
	color: #fff;
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.accordion:after {
	content: "\02795";
	/* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #fffefe;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2796";
	color: #fff;
	/* Unicode character for "minus" sign (-) */
}

.careers {
	width: 30vw;
}

.careers>a {
	font-size: 1.12rem;
	margin-top: 2rem;
	text-decoration: none;
	background: transparent;
	display: inline-block;
	padding: 0.5rem;
	border-bottom: 5px solid var(--mid-blue);
	height: 1%;
	transition: all 0.5s;
}

.careers>a:hover {
	height: 100%;
	background: var(--mid-blue);
	color: #fff;
	text-decoration: none;
}

.clienteles {
	width: 100%;
    margin: 0 auto;
    height: 30vh;
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 0;
    gap: 3rem;
    margin-bottom: 5rem;
    scroll-behavior: smooth;
}

.clienteles::-webkit-scrollbar {
  width: 15px;
}
 
.clienteles::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);*/
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    background: #f7f7f7;
}
 
.clienteles::-webkit-scrollbar-thumb {
    background-color: #b9b9b9;
    outline: 1px solid white;
    border-radius: 25px;
}

.clienteles>img {
	width: 150px;
	aspect-ratio: 3 / 4;
	object-fit:contain;
	transition: all .3s ease-out;
	/* filter: grayscale(1) saturate(1); */
	border: 1px solid #b9b9b9;
}

.clienteles>img:hover {
	filter: grayscale(0);
}

.clientele {
	overflow: hidden;
	width: 85%;
	margin: 0 auto;
}

.clientele>h2 {
	font-size: 1.7rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
	text-transform: inherit;
	/*margin-bottom: 2rem;*/
	font-weight: 400;
	text-align: center;
	padding: 2rem 0;
	margin: 0;
}

.owl-carousel.owl-theme.owl-loaded.owl-drag img {
	width: 50%;
	padding: 5rem 0;
	/* display: flex;
    align-items: center;
    justify-content: center; */
}

.owl-item.active {
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

.owl-item.active::after {
	content: "";
}

footer {
    width: 100%;
	margin: 0;
	padding: 3rem 0;
	background-color: var(--mid-blue);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/*align-items: center;*/
	/*text-align: center;*/
	/* background-color: #fff; */
}

.footerR {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 1rem 0;
}

.footEr_logo {
    width: 10%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
        margin-bottom: 0.5rem;
}

.footEr_logo > img {
    width: 70%;
}

.footEr_Address {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 5rem;
    position: relative;
}

.footEr_Address::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    /*background: #fff;*/
    left: 2rem;
}

.footEr_Icons {
    width: 13%;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    /*transform: rotate(90deg) translateX(2rem);*/
}

/*footer>img {*/
/*	width: 72px;*/
/*	height: 72px;*/
/*}*/

/*address>p {*/
/*	font-size: 1.01rem;*/
/*	color: #fff;*/
/*	letter-spacing: 0.5px;*/
/*	line-height: 1.3em;*/
/*	font-style: normal;*/
/*	font-weight: 300;*/
/*}*/

address > h1 {
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    font-style: normal;
}

address > p {
    font-size: 1rem;
    color: #fff;
    letter-spacing: .5px;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 0;
}

/*address>h1 {*/
/*	font-size: 1.5rem;*/
/*	text-transform: uppercase;*/
/*	color: #fff;*/
	/*border-top: 1px solid #fff;*/
/*	padding-top: 0.7rem;*/
/*}*/

/*address > h1 {*/
/*    border-top: 1px solid #fefefe;*/
/*    padding-top: 1rem;*/
/*}*/

/*address>p:nth-child(3) {*/
/*	border-bottom: 1px solid #fefefe;*/
/*	padding-bottom: 1rem;*/
/*}*/

address>p a {
	color: #fff;
	text-decoration: none;
}

.social-icons>a img {
	border: 1px solid transparent;
	padding: 0.5rem;
}

.social-icons>a img:hover {
	background-color: transparent;
	border-radius: 0px;
	/*border: 1px solid #000;*/
}

.social-icons {
    /*background: #4c4c4c;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icons >a {
    color: #243f8a;
    text-decoration: none;
    /*height: 100%;*/
    /*width: 100%;*/
    /*transform: rotate(-90deg);*/
}

.terms {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem 0;
}

.terms>a {
	padding-right: 1rem;
	color: #fff;
	text-decoration: none;
}

.terms>a:hover {
	text-decoration: underline;
}

.copyright {
	width: 100%;
	background-color: #fefefe;
	padding: 0.8rem 0;
	/*margin-top: 1.5rem;*/
	position: relative;
}

.copyright>p {
	text-transform: uppercase;
	font-size: 1rem;
	text-align: center;
}

.copyright>a img {
	position: absolute;
	right: 2rem;
	bottom: 1rem;
}

#consent {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1.5rem 8rem;
	background-color: #243f8a;
	transition: opacity 1s ease;
	display: flex;
	justify-content: space-around;
	align-items: center;
	/*z-index: 10;*/
}

#consent>p {
	font-size: 1.2rem;
	letter-spacing: 0.5px;
	line-height: 1.3em;
	max-width: 40%;
	color: #fff;
	font-weight: 300;
	text-align: left;
}

#consent>button {
	color: #fff;
	border: 1px solid #fff;
	padding: 1rem 2rem;
	cursor: pointer;
	background-color: transparent;
	font-size: 1.2rem;
	text-transform: uppercase;
}

#consent>button a {
	color: #fff;
	border: none;
	padding: 1rem 2rem;
	cursor: pointer;
	background-color: transparent;
	font-size: 1.2rem;
	text-transform: uppercase;
}

#consent>button a:hover {
	color: #000;
}

#consent>button:hover {
	background-color: #fff;
	color: #000;
}

/* .hidden {
	opacity: 0;
	z-index: -1;
} */

/* Swiper.css */
.swiper {
	/* width: 100%;
    height: 100%; */
}

.swiper-slide {
	text-align: left;
	/* font-size: 18px; */
	/* background: #fff; */

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.diemould {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

/* 
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */

@media screen and (max-width: 1400px) {
	.hero-section {
		height: unset;
		position: relative;
	}

	.hero-section-1 {
		bottom: 3.5rem;
	}

	.hero-contents>img {
        width: 100%;
        /*height: 67vh;*/
    }
    
    a.banner_link > img#jv800 {
        width: 100%;
        height: 63vh;
        object-fit: revert;
    }

	.hero-text-1>#h2 {
		font-size: 4rem;
	}

	#jv30 {
		width: 40%;
		padding-right: 3rem;
	}

	.bottom-layer>img {
		padding-right: 1rem;
		padding-left: 1rem;
		width: 20%;
	}

	h2#jv80 {
		font-size: 5rem;
		/* padding: 0;
        margin: 0; */
	}

	img#jv80 {
		width: 40%;
		filter: drop-shadow(4px 3px 7px #333);
	}

	.product__sections {
		max-width: calc(100% - 25vw);
	}

	/*.products__section--two {*/
	/*    height: 30vh;*/
	/*}*/

	.products__section--one-text1 {
		margin-left: -1.7rem;
	}

	.products__section--one-text2>h5 {
		margin-left: -0.4rem;
		max-width: 20vw;
	}

	#consent>p {
		font-size: 1rem;
	}

	#consent>button {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 1440px) {
    .grid {
        width: min(90%, 100rem);
        height: 100%;
        margin: 0 auto;
        display: grid;
        /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-template-rows: repeat(auto-fit, minmax(200px, 1fr)); */
        background: #efefef;
        padding: 3rem 0;
    }
    
    img#jv800\ desk {
    display: block;
    height: 63.3vh;
    width: 100vw;
}
    
    /*.clientele {*/
    /*    overflow: hidden;*/
    /*    width: 100%;*/
    /*    margin: 0 auto;*/
    /*}*/
    
    .clienteles {
        /*width: 80%;*/
        margin: 0 auto;
        height: 45vh;
        overflow-y: scroll;
        display: flex;
        flex-wrap: wrap;
        padding: 3rem 0;
        gap: 2rem;
        margin-bottom: 5rem;
        scroll-behavior: smooth;
    }
    
    .social-icons {
        /* background: #4c4c4c; */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
    }
    
    .hero-contents>img {
        width: 100%;
        /*height: 63vh;*/
    }
    
    a.banner_link > img#jv800 {
        width: 100%;
        height: 63vh;
        object-fit: revert;
    }
}

@media only screen and (max-width: 1366px) {
	.hero-section {
		/*height: 79vh;*/
		position: relative;
	}

	img#jv800\ desk {
        display: block;
        height: 64vh;
    }
	
    	img#jv80 {
        width: 100%;
    }
    
    .hero-contents>img {
        width: 100%;
        /*height: 63vh;*/
    }
    
    a.banner_link > img#jv800 {
        width: 100%;
        height: 63vh;
        object-fit: revert;
    }
    
    .dot {
        left: 18%;
    }
    
    .quick-link {
        width: 80%;
    }
    
    .clienteles {
        /*width: 80%;*/
        margin: 0 auto;
        height: 40vh;
        margin-bottom: 2rem;
    }
    
    .prod__1::after {
        left: 29.5%;
    }
    
    .prods {
        width: 80%;
        max-width: 80%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

	.hero-section-1 {
		bottom: 3.5rem;
	}

	.products__section--one-text1 {
		margin-left: -1.5rem;
	}

	.products__section--one-text2>h5 {
		max-width: 24vw;
	}

	.product__sections {
		max-width: calc(100% - 25vw);
	}

	#consent {
		width: 100%;
		padding: 0;
		background: linear-gradient(45deg, #005b9e, #385195);
	}

	#consent>p {
		font-size: 1.1rem;
	}

	#consent>button {
		font-size: 1rem;
	}
}

@media screen and (max-width: 1240px) {
	/*body, html {*/
	/*    font-size: 1.2rem;*/
	/*}*/

	.hero-section {
		/*height: 71vh;*/
		position: relative;
	}

	.hero-section-1 {
		bottom: 3.3rem;
	}

	.product__sections {
		max-width: calc(100% - 21vw);
	}

	.products__section--two-1 {
		width: 50%;
		padding: 1rem;
	}

	.products__section--two-2 {
		width: 50%;
		padding: 1rem;
	}

	#consent {
		width: 100%;
		padding: 0;
		background: linear-gradient(45deg, #005b9e, #385195);
	}

	#consent>p {
		font-size: 1.1rem;
	}

	#consent>button {
		font-size: 1rem;
	}
}

@media screen and (max-width: 1024px) {
	.hero-section {
		height: 100%;
		position: relative;
		overflow: hidden;
		/*background-size: 110%;*/
	}

	#hero-text {
		margin-top: -2rem;
	}

	.hero-contents>img {
		width: 100%;
	}

	img#jv30 {
		width: 100%;
	}

	.hero-text-1>h1 {
		font-size: 2rem;
	}

	.hero-text-1>h2 {
		font-size: 10rem;
	}

	img#jv80 {
		width: 100%;
	}

	h1.jv80>span {
		font-size: 2rem;
	}

	.products__section--one-img {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.products__section--one-img>img {
		width: 100%;
		margin-left: -3rem;
	}

	.products__section--one-text1 {
		margin-left: -7rem;
	}

	.products__section--one-text2>h5 {
		max-width: 40vw;
		margin-left: -5rem;
	}

	.network_section>img {
		width: 100%;
		padding: 3rem 1rem;
	}

	.lifeatlmw-blocks {
		max-width: 700px;
	}

	.careers {
		width: 40vw;
	}

	/*.clientele {*/
	/*	width: auto;*/
	/*}*/

	.copyright>p {
		font-size: 0.7rem;
	}

	.copyright>a img {
		bottom: 1.5rem;
	}
}

@media screen and (max-width: 768px){
    .hero-contents{
        margin-top: 0;
    }
}