@charset "utf-8";


/* CSS Document */
body { padding:0px; margin:0px; background:var(--bg-white); font-size:1rem; color:#000000; line-height:1.3; font-family: "Roboto", sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:1.3; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 1.4; }
a{ color: #000000; outline:none; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:100%; max-width: 1170px; margin:auto; padding:0px;}

img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }

/* common css */
.overflow-hidden { overflow: hidden;}

.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.align-center { align-items: center;}
.align-top { align-items: flex-start;}
.space-between { display: flex; flex-wrap: wrap; justify-content: space-between;}
::selection { color: var(--txt-white); background-color: var(--bg-blue);}

html.lenis { height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}
.lenis.lenis-stopped { overflow: hidden;}

/* header css */
#header { width: 100%;}
#header img { width: auto;}


#topNav #topMain>li.mega-menu {
	position: inherit;
	color: #fff;
}

#topNav #topMain>li.mega-menu>ul {
	max-width: 100%;
	width: 100%;
}

#topNav #topMain>li.mega-menu div.row {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
}

#topNav #topMain>li.mega-menu div.row div {
	display: table-cell;
	border-left: rgba(0,0,0,.1) 1px solid;
	margin-left: -1px;
	display: table-cell;
	vertical-align: top;
	float: none;
	margin: 0;
	padding: 0;
}

#topNav #topMain>li.mega-menu div.row>div:first-child {
	border-left: 0 !important;
}

#topNav #topMain>li.mega-menu div.row div>ul>li>span {
	color: #111;
	font-weight: 700;
	display: block;
	padding: 7px 15px 7px 15px;
}

#topNav #topMain>li.mega-menu div.row div>ul>li>img {
	padding-left: 10px;
}

#topNav #topMain>li.mega-menu div.row div:first-child {
	border-left: 0;
}

#topNav ul.dropdown-menu a.dropdown-toggle {
	background-image: url(../images/submenu_light.png);
}

#topNav ul.dropdown-menu a.dropdown-toggle {
	background-image: url(images/right-arrow.png);
}

#topNav div.submenu-dark ul.dropdown-menu {
	background-color: #fff;
}

#topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle {
	background-image: url(../images/submenu_dark.png);
}

#topNav div.submenu-dark ul.dropdown-menu li.active:focus>a, #topNav div.submenu-dark ul.dropdown-menu li.active:hover>a, #topNav div.submenu-dark ul.dropdown-menu li.active>a, #topNav div.submenu-dark ul.dropdown-menu li:focus>a, #topNav div.submenu-dark ul.dropdown-menu li:hover>a {
	color: #fff;
	background-color: rgba(0,0,0,.15);
}

#topNav div.submenu-dark ul.dropdown-menu li.divider {
	background-color: rgba(255,255,255,.1);
}

#topNav div.submenu-dark ul.dropdown-menu>li a {
	color: #333 !important;
  border-bottom: solid 1px #f5f5f5 !important;
}

#topNav div.submenu-dark #topMain>li.mega-menu div.row div>ul>li>span {
	color: #000;
}

#topNav div.submenu-dark #topMain>li.mega-menu div.row div {
	border-left: rgba(0,0,0,.2) 1px solid;
}
#topMain.nav-pills>li>a {
	font-size: 16px !important;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
	min-width: 600px;
	width: auto !important;
	left: 262px;
	right: auto;
	background-position: top right;
	background-repeat: no-repeat;
}

body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
	min-width: 600px;
	width: auto !important;
	left: auto !important;
	right: 262px !important;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul li {
	list-style: none;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul {
	background-color: transparent;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu .row>div {
	padding: 10px;
	min-width: 100px;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.divider {
	border: 0;
	background: 0 0;
	margin-bottom: 20px;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a {
	font-size: 11px;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul {
	border: 0 !important;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h3, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h4, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h5, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h6 {
	font-size: 15px;
	line-height: 15px;
	margin: 0 0 8px 0;
}

body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h3, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h4, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h5, body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h6 {
	color: #fff;
}

body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h3, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h4, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h5, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h6, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h3, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h4, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h5, body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h6 {
	text-decoration: underline;
}

#topNav ul.dropdown-menu li {
	border-bottom: none !important;
}

/* banner section css */
.hero-slider {float: left; width: 100%; padding: 0px 0px; overflow: hidden; position: relative; }
.hero-slider .swiper-slide::before { content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; 
background: linear-gradient(to right,  rgba(0,0,0,0.5) 40%,rgba(0,0,0,0) 100%); }
.hero-slider .swiper-slide .hero-cnt { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; position: absolute; left: 0px; top:125px; }
.hero-slider .swiper-slide .ban-txt { width: 55%; }
.hero-slider .swiper-slide .hero-cnt h1 { color: var(--txt-white); font-size: 56px; line-height: 1.2;  font-family: "Roboto", sans-serif; margin-bottom: 10px; letter-spacing: 0px; }
.hero-slider .swiper-slide .hero-cnt h1 span{ font-weight: 700;}
.hero-slider .swiper-slide .hero-cnt p { color: var(--txt-white); font-size: 25px; line-height: 1.5; font-family: var(--ff-playfair-regular); margin-bottom: 45px; letter-spacing: -0.33px; 
text-shadow: 0px 0px 20px rgba(1, 1, 1, 0.25);}
.hero-slider .swiper-slide .hero-cnt h1 { animation: fadeup 1s ease; animation-fill-mode: forwards; opacity: 0;}
/* Keyframes for Fade up */
@keyframes fadeup {
  0% { transform: translateY(50px); opacity: 0;}
  100% { transform: translateY(0); opacity: 1; }
}

/* .hero-slider .swiper-nav { width: 100%; position: absolute; bottom: 60px; margin-top: 0px; }
.hero-slider .control-in { width: 100%; display: flex; align-items: center; column-gap: 30px; justify-content: left; }
.hero-slider .swiper-nav-ban { display: flex; z-index: 1; width: 160px;justify-content: space-between; }
.hero-slider .swiper-button-prev-ban{background: rgba(24,25,24,.4); width: 61px; height: 61px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; }
.hero-slider .swiper-button-next-ban{background: rgba(24,25,24,.4); width: 61px; height: 61px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; }
.hero-slider .swiper-button-prev-ban:hover{ background: rgba(24,25,24,.7); } 
.hero-slider .swiper-button-next-ban:hover { background: rgba(24,25,24,.7); }
.hero-slider .swiper-nav-ban img { width: auto; }
.banner-shape { position: absolute; right: 0px; bottom: 0px; z-index: 1;} */

.welcome-section { float: left; width: 100%; padding: 90px 0 60px; border: none;}
.welcome-cont { float: left; width: 100%; text-align: center;}
.welcome-cont h2 {font-size: 40px; line-height: 1.2; color: #000000; font-family: "Roboto", sans-serif; font-weight: 700; margin-bottom: 30px;}
.welcome-cont h2 span { color:#E02B2F}
.welcome-cont p {font-size: 18px; line-height: 1.6; color: #000000; padding: 0 12%; font-family: "Roboto", sans-serif; font-weight: 400; margin-bottom: 0px;}

.about-main { float: left; width: 100%; padding-top: 65px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 5.2%;}
.about-lft { flex: 0 1 46.3%;}
.about-img { float: left; width: 100%; position: relative; z-index: 9;}
.about-img::before { position: absolute; content: ''; left: -80px; top: -60px; background: #ffffff; border-radius: 100%; border: 1px solid #E02B2F; width: 234px; height: 234px;z-index: 1;}
.about-img::after { position: absolute; content: ''; left: -40px; bottom: -40px; background: #E02B2F; width: 509px; height: 494px;}
.about-img img { float: left; width: 100%; position: relative; z-index: 1;}
.about-rht { flex: 0 1 48.5%;}
.about-rht p {font-size: 18px; line-height: 1.5; color: #000000; font-family: "Roboto", sans-serif; font-weight: 400; margin-bottom: 25px;}
.about-rht p:last-child { margin-bottom: 0; padding-right: 30PX;}

.count-sec { float: left; width: 100%; padding: 55px 0; background: #FAFAFA; border: none;}
.count-lst { float: left; width: 100%; }
.count-lst ul {  width: 100%; display: flex; flex-wrap: wrap; column-gap: 2.6%; }
/* .count-lst ul li { flex: 0 1 23%; padding: 35px 33px 45px; background: #ffffff; box-shadow: 0 0 16px 0 rgba(0,0,0,0.05);transition:all .5s ease;} */
.count-lst ul li { flex: 0 1 31.6%; padding: 35px 33px 45px; background: #ffffff; text-align: center; box-shadow: 0 0 16px 0 rgba(0,0,0,0.05);transition:all .5s ease;}
.count-img { float: left; width: 100%; margin-bottom: 20px;}
.count-img img { width: auto;transition:all .5s ease;}
.count-lst ul li h4 { font-size: 42px; line-height: 1 !important; color: #000000;font-family: "Roboto", sans-serif; font-weight: 700; margin-bottom: 8px; transition:all .5s ease;}
.count-lst ul li span { font-size: 42px; line-height: 1; color: #000000;font-family: "Roboto", sans-serif; font-weight: 700; margin-bottom: 2px; transition:all .5s ease;}
.count-lst ul li p { font-size: 18px; line-height: 1; color: #000000;font-family: "Roboto", sans-serif; font-weight: 400;transition:all .5s ease; }
.count-lst ul li:hover { background: #E02B2F;}
.count-lst ul li:hover h4, .count-lst ul li:hover p, .count-lst ul li:hover span { color: #ffffff;}
.count-lst ul li:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}

.reliable-section { float: left; width: 100%; padding: 80px 0; background: #1457A6; border: none;}
.reliable-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 7.7%;}
.reliable-lft { flex: 0 1 44.3%;}
.reliable-img { float: left; width: 100%; position: relative; }
.reliable-img img { float: left; width: 100%; position: relative;}
.reliable-rht { flex: 0 1 48%;}
.reliable-rht h2 {font-size: 45px; line-height: 1.1; color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 700; margin-bottom: 20px;}
.reliable-rht h3 {font-size: 35px; line-height: 1.1; color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 700; margin-bottom: 20px;}
.reliable-rht h2 span { color:#E02B2F}
.reliable-rht p {font-size: 18px; line-height: 1.6; color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 400; margin-bottom: 25px;}
.reliable-rht ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px;}
.reliable-rht ul li { flex: 0 1 100%;font-size: 18px; line-height: 1.6; background: url(../images/list-ico.svg) no-repeat 0 0; color: #ffffff; padding-left: 35px; font-family: "Roboto", sans-serif; font-weight: 600; }

.locations-section {float: left; width: 100%; padding: 80px 0 65px;}
.locations-list { width: 100%; float: left; text-align: center; }
.locations-list h2 {font-size: 40px; line-height: 1.2; color: #000000; font-family: "Roboto", sans-serif; font-weight: 700; margin-bottom: 30px;}
.locations-list h2 span { color:#E02B2F}
.locations-list ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; list-style: none; text-align: left; margin-bottom: 45px; }
.locations-list ul li { border: 1px solid #EDEDED; padding: 20px; min-height: 173px; display: flex; flex-direction: column; position: relative; transition:all .5s ease;}
.locations-list ul li span { background-color: #1457A6; color: #ffffff; font-size: 14px; font-weight: 400; padding: 2px 7px; width: fit-content; margin-bottom: 10px; }
.locations-list ul li h3 { font-size: 14px; line-height: 1.2; font-weight: 400; color: #E02B2F; margin-bottom: 10px; display: block; }
.locations-list ul li p { font-size: 18px; font-weight: 500; color: #333333; line-height: 1.2; }
.locations-list ul li:hover { border: 1px solid #E02B2F;}
.locations-list button { background-color: #dc3545; color: #ffffff; font-size: 16px; font-weight: 500; border: none; padding: 14px 32px; cursor: pointer; transition: background-color 0.2s; display: inline-flex; align-items: center; gap: 8px; transition:all .5s ease;}
.locations-list button:hover { background-color: #000000; }
.more-btn  { float: left; width: 100%; text-align: center;}
.locations-list ul li.hidden-item{display: none;}

.getintouch { float: left; width: 100%; background: #1457A6; padding: 80px 0 90px;} 
#topNav button.btn-mobile { background: #ffffff;}

footer { float: left; width: 100%; background: #333333; padding: 25px 0;}
.ftr-top { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.ftr-lft { flex: 0 1 45%;}
.ftr-lft ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 15px;}
.ftr-lft ul li { flex: 0 1 auto;}
.ftr-lft ul li a img { background: #ffffff; width: auto; max-width: 43px;transition:all .5s ease;}
.ftr-lft ul li a:hover img { opacity: 0.6;}
.ftr-rht { flex: 0 1 55%; text-align: right;}
.ftr-rht p { font-size: 16px; line-height: 1.1; color: #ADADAD;}

/*mobile-menu-start*/
body.over { overflow: hidden;}
.mobile-menu { -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */ position:fixed; top:67px; bottom: 0; width:100%; height: calc(100% - 67px); overflow: auto;  z-index: 1000; border-top: none; padding: 30px 0 50px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: var(--bg-blue); border-bottom:none; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%; background: var(--bg-white); float: left;  padding: 0 0 75px 0; height:100%;}
.m-menu { order: 2; width: 28px; height: 18px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: auto; display:none; z-index:9; }
.m-menu a { display: block; height: 100%;}
.m-menu span { display: block; position: absolute; height: 2px; width: 28px; background: var(--bg-white); border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; width: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px;  right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; left: auto; right: 0px; width: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu a:hover span { background: var(--bg-white);}
.m-menu.open span:nth-child(1) { width: 28px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px; background: var(--bg-white);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { width: 28px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background:var(--bg-white); }

.mobile-menu ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.mobile-menu ul li { flex: 1 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.mobile-menu ul li a { width: calc(100% - 50px); font-size: 18px; color: var(--txt-white); line-height: 1; font-family: var(--ff-Roboto-medium); display: block; padding:5px 30px 5px 0; position: relative; transition: all 0.4s ease;}
.mobile-menu ul li.menu-item-has-children > .arrow { position: relative; width: 22px; height: 22px; border: 0px solid rgba(255,255,255,0.2); cursor: pointer;}
.mobile-menu ul li.menu-item-has-children > .arrow::after { display: block; content: ""; width: 10px; height: 10px; border-right: 2px solid var(--bg-white);
border-bottom: 2px solid var(--bg-white); transform: rotate(45deg); transition: transform 0.3s ease-in-out; margin-left: 0px;position: absolute; right: 7px; top: 4px;}
.mobile-menu ul li.menu-item-has-children.active > span.arrow::after { transform: rotate(-135deg); top: 12px; }
.mobile-menu ul li ul { display: none; padding:20px 0 10px 15px; width: 100%; }
.mobile-menu ul li ul li { margin-bottom: 18px; }
.mobile-menu ul li ul li:last-child { margin-bottom: 0; }
.mobile-menu ul li ul li a { font-size: 15px; font-family: var(--ff-Roboto-regular); padding: 0; color: var(--txt-white); }
.mobile-menu ul li ul li a::after { display: none; }
.mobile-menu ul li a:hover { color: var(--txt-red); }
 
.mobile-menu .mobile-btns { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 10px; justify-content: center; margin-top: 50px;}
.mobile-menu .mobile-btns a { background: var(--bg-red); color: var(--txt-white); font-size: 16px; font-family: var(--ff-Roboto-bold); border-radius: 50px; height: 50px; padding: 0 20px; display: inline-flex; align-items: center; column-gap: 10px; text-transform: uppercase; transition: all 0.4s ease; }
.mobile-menu .mobile-btns a i { font-size: 22px; }
.mobile-menu .mobile-btns a:hover { background: var(--bg-white); color: var(--txt-red);}

#contact_submit_load, #contact_submit_load:hover {display: none;background:#1457a6;}
::placeholder {color:var(--txt-black); opacity: 0.6;}
::-ms-input-placeholder { color:var(--txt-black);}
.contact-form input.err-field {border:1px solid #e5242aa3;}
.err-msg { font-size:13px;color: #e52429;line-height: 1.2; }

.loc-pad .locations-list ul li { min-height: 150px; padding-top: 25px;}
.loc-pad .locations-list ul li span { margin-bottom: 20px;}