@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html { scroll-behavior: smooth; } 
body { font-family: 'Poppins', sans-serif; } 
h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif; } 
a { color: #0069db; transition: all 0.5s ease 0s; outline: none; text-decoration: none;} 
a:hover { color: #333; text-decoration: none; transition: all 0.5s ease 0s; } 
p{ font-family: 'Poppins', sans-serif;}
.line { width: 100%; height: 1px; border-bottom: 1px dashed #ddd; margin: 40px 0;}	

/* Linear icons style */
.mnurgt .mnucol .mnuflex3 li a::after{font-family: 'Linearicons-Free'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.main-wrapper, .inner-wrapper { position: relative; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.content-wrapper{ min-height: 650px;} 
.scrollToTop { width:30px; height:30px; padding:2px; text-align:center; font-weight:bold; color:#7d0dfd; text-decoration:none; position:fixed; bottom:88px; right:25px; display:none; font-size:20px; background-color:transparent; border: 1px solid #7d0dfd; border-radius:50%; } 
.scrollToTop:hover { text-decoration:none; color: #7d0dfd; border: 1px solid #7d0dfd; background-color: transparent;} 
.scrollToTop:focus { color: #7d0dfd; border: 1px solid #7d0dfd;} 
.fancybox-content{ width: 80% !important; height: calc(100% - 88px) !important;}

.header-wrapper {width: 100%; height: 800px;}
.inner-wrapper .header-wrapper {width: 100%; height: auto;}
.inner-wrapper1::before{ content: ""; width:100%; height:100%; position:absolute; left:0; top:0px; transition: all 0.5s ease 0s; background:#fff; background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(0,0,0,0.45) 80%, rgba(0,0,0,0.45) 100%); z-index:-1;}
.inner-wrapper1 .abtwel-bg .max-cntr { padding: 0px 120px;} 
/* .header-wrapper::before {content: ''; position: absolute; top: 0; left: 0; right: 0; background-image: url(../images/banner-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 800px;} */

/* Maximum width for main section */
.max-cntr { max-width: 1500px; margin: 0 auto; padding: 0 30px;} 

/* Page animation frame */
.pageld{content: ""; position: fixed; height: 100%; width: 100%; background-color: #7d0dfd; left: 100%; top: 0; z-index: 9999; overflow: hidden; -webkit-animation: anim-page 1s cubic-bezier(0.2, 1, 0.3, 1) forwards; animation: anim-page 1s cubic-bezier(0.2, 1, 0.3, 1) forwards; box-shadow: -20px 0px 0px rgba(0,0,0,0.4);}
.pageld::after { content: ""; position: fixed; height: 100%; width: 100%; background-color: #0662b0; left: 100%; top: 0; z-index: 9999; overflow: hidden; -webkit-animation: anim-page 2s cubic-bezier(0.2, 1, 0.3, 1) forwards; animation: anim-page 2s cubic-bezier(0.2, 1, 0.3, 1) forwards; }

@-webkit-keyframes anim-page {
	0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	35%, 65% {	-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
	100% { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-300%, 0, 0); visibility: hidden;}
}
@keyframes anim-page {
	0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	35%, 65% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
	100% { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); visibility: hidden;}
}

::-webkit-scrollbar { width:5px; height: 12px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); }


/* Header Section */
.header-wrapper{ position: relative;}
.mnu-tpbr{ width: 100%; position: absolute; z-index:999; background-color:rgb(255, 255, 255); top:0px;	}
/* .mnu-tpbr::after{ content: ''; position: absolute; top: 0; left: 0; width:25%; background-color: #fff; height: 100%; z-index: -1;} */

/* Topbar Section */
.tp-br-link{width: 100%; display: flex; justify-content: flex-end; align-items: flex-start; position: relative; margin-bottom: 0px;}
.tp-br-link small {margin: 0px 15px;}
.tp-br-link .tp-phone {color: #fff; font-size: 16px; font-weight: 300; display: flex; align-items: center;}
.tp-br-link .tp-phone span{margin-right: 20px; font-size: 18px;}
.tp-br-link .tp-email {color: #fff; font-size: 16px; font-weight: 300;}
.tp-br-link .tp-email a{color: #fff; display: flex; align-items: center;}
.tp-br-link .tp-email a:hover{ opacity: 0.5;}
.tp-br-link .tp-email span{margin-right: 20px; font-size: 22px;}
.tp-br-link small:last-child { margin-right: 0;}

/* Navbar Section */
.nav-cntlr{ width: 100%;}
/* .nav-lft{ width:18%; } */
.navbar-dark .navbar-brand {position: relative; display: flex; width: 18%; height: 100%; padding: 10px 0px; margin-right: 0;}
.navbar-dark .navbar-brand img{ max-height:100px; position: relative; z-index: 9; width: 200px;}
/* .navbar-dark .navbar-brand{ position: absolute; top: 30px; clip-path: polygon(0 0, 100% 0%, 100% 90%, 5% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 90%, 5% 100%); background: #fff; padding: 20px 20px 25px 30px;}
.navbar-dark .navbar-brand img { width: 250px;} */

.nav-rht{ width:100%; display: flex; flex-wrap: wrap; align-items: center;}
.menu-btm-box { display: flex; justify-content: flex-end; align-items: center; padding:15px 0px; width: 100%;}
.nav-rht .navbar-collapse{ justify-content: flex-end; width: 100%; align-items:center;}
.nav-rht .nav-link{color: #fff; padding: 5px 0px 5px !important; margin: 0px 15px;}
.navbar-expand-lg .navbar-nav .nav-link{ position: relative; transition: all 0.5s ease 0s; font-weight:500; font-size:16px; text-transform: uppercase; color: #111; padding: 20px 0px !important;}
.navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::after{ font-size: 14px; margin-left: 5px; color: rgba(0, 0, 0, 0.3);}

.navbar-dark .navbar-nav .nav-link span.lnr{ font-size: 20px;}
.nav-rht .nav-item a:hover{color: #7d0dfd; transition: all 0.5s ease 0s;}
.navbar-dark .navbar-nav .nav-link:hover{ color: #7d0dfd;}
.menu-btm-box .navbar-nav .nav-item .nav-link.active{ color: #7d0dfd;}
.menu-btm-box .navbar-nav .megalink .active{ color: #7d0dfd;}
.nav-item .active{font-weight: 600 !important;}
.nav-rht li.nav-item:last-child .nav-link{ padding-right: 0; margin-right: 0;}
.nav-rht li.nav-item:last-child a::before{ display: none;}
.nav-rht .navbar-collapse .navbar-nav{position: relative;}
.nav-rht .navbar-collapse .navbar-nav .dropdown{position: unset;}
.navbar-expand-lg{ padding: 0;}

.cnt-sport{ margin-left:20px; padding-left:20px; border-left: 1px solid rgba(0, 0, 0, 0.19);}
.cnt-sport .contact-box{ width: 100%;}
.cnt-sport .contact-box h4{ margin: 0; font-size:15px; font-weight:300; line-height:15px; color: rgba(0, 0, 0, 0.5);}
.cnt-sport .contact-box span{ display: flex; align-items: center;}
.cnt-sport .contact-box span a{ display: flex; align-items: center; font-size:18px; font-weight:500; color: #111;}
.cnt-sport .contact-box span a:hover{ color: #7d0dfd;}
.cnt-sport .contact-box span a i{ font-size: 16px; color:rgba(27, 27, 27, 0.2); font-weight: normal; padding-right:5px;}

.xbutton{display:grid; grid-template-columns: repeat(3,1fr); color: #fff; justify-content: center; align-items: center; transition: all 0.5s ease 0s; margin-left:25px !important; grid-gap: 5px; transition:all ease 0.4s; }
.xbutton:hover{color: #fff; transition: all 0.5s ease 0s;}
.mnln1{ content: ""; width:5px; height:5px; background-color: #7d0dfd; position: relative; transition: all 0.5s ease 0s; border-radius: 50px; transition:all ease 0.4s;}


/* MegaMenu  */
.mega-dropdown { position: static !important; } 
.mega-dropdown-menu { padding: 0px 0px 10px 0px; width:300px; max-width:300px; top:70px; background-color: transparent; border: 0 none; border-radius: 0; display: none; position: absolute; z-index:10;} 
.menu-container { width:100%; margin: 0 auto; padding: 20px 0;}
.menu { width: 100%; font-weight: 400; font-size: 16px; position: relative; padding: 10px 0; margin: 0; background-color: #fff; border-radius: 10px 10px 10px 10px; border-bottom: 5px solid rgb(219, 15, 42,0.8);}
.menu a, .menu a:link, .menu a:visited, .menu a:focus { color: #222; text-decoration: none; }
.menu a:hover { color: #d9261c; text-decoration: none;}
.menu > li { display: block; text-align: left; margin-left: 0; padding: 0 18px;}
.menu > li > a { padding:7px 0; display: block; border-bottom: 1px dotted rgba(0, 0, 0, 0.3); position: relative; display: flex; align-items: center; justify-content: space-between;}
.menu > li > a::before{ position: absolute; left: -5px; background-color: rgba(50, 50, 50,0.8); width: 0px; height: 1px; content: ""; transition: all ease 0.4s;}
.menu > li:hover > a{ padding-left: 10px; transition: all ease 0.4s;}
.menu > li:hover > a:hover::before{ width: 10px; transition: all ease 0.4s;}
.menu > li > a i{ color: rgba(255,255,255,0.6); font-size:12px;}
.menu > li:last-child > a { border-bottom: 0 none;}
.menu > li > a span{ transition: all 0.5s ease 0s; color: #333; font-size: 16px; line-height:22px;}
.menu > li:hover > a span{ color: #d9261c; font-weight: 500;}
.menu > li:hover > a::after{ color: #d9261c; text-shadow: 0 0 3px rgba(50, 106, 232, 0.3);}
.mob-nav-top{display: none;}

/* Sidebar Overlay */
.noscroll {overflow: hidden;}
.preview-open { overflow: hidden !important;}
.eoverlay { display: none; position: fixed; width: 100vw; height:100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; transition: all 0.5s ease 0s; left: 0; top: 0; }
.eoverlay.active { display: block; opacity: 1; }
.js .loading::before{ content:''; position:fixed; z-index:100000; top:0; left:0; width:100%; height:100%; background:var(--color-bg)}
.js .loading::after{content:''; position:fixed; z-index:100000; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; pointer-events:none; border-radius:50%; opacity:.4; background:var(--color-link); animation:loaderAnim .7s linear infinite alternate forwards}
@keyframes loaderAnim{to{opacity:1; transform:scale3d(.5,.5,1)}}
.ovelay-hidden{ position:absolute; overflow:hidden; width:0; height:0; pointer-events:none}
.overlay-close .icon{ display:block; width:1.5em; height:1.5em; margin:0 auto; fill:currentColor; cursor: pointer;}
.codrops-icon{ display:inline-block; margin:.15em; padding:.25em; }
.menu-overlay{ height: 100%; width: 0; position: fixed; z-index: 99999; bottom: 0; right: 0; background-color: #d9261c; overflow-x: hidden; transform: translateX(0%); transform: translateY(0%); -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s; transition: width 0.5s 0.3s, visibility 0s 0.8s; visibility: hidden; }
.menu-overlay-open{ visibility: visible; width: 100%; -webkit-transition: width 0.5s; transition: width 0.5s;}
.menu-oly .overlay-item{ width:100%; height:100vh; position:absolute; top:0; right:0; background-color:#fff; opacity:0; padding:0px;  text-align:left; overflow:scroll; overflow-x: hidden; z-index: 0; scrollbar-width: thin; scrollbar-color:#d9d9d9 #fff; background-size:cover;}
::-webkit-scrollbar .menu-oly .overlay-item{ width:100%; height:100vh; position:absolute; top:0; right:0; background-color:#e5e5e5; opacity:0; padding:0px;  text-align:left; overflow:scroll; overflow-x: hidden; z-index: 0; scrollbar-width: thin; scrollbar-color:#d9d9d9 #fff;}
.menu-oly .overlay-item::before{ position: absolute; top:0px; left:0px; content: ""; background: url(../images/dots.png)left repeat-y; width: 357px; height:100%; z-index: -1; opacity: 0.8; background-size: contain;}
.menu-oly .overlay-item[style="opacity: 1;"]{ z-index: 99; transition: all ease-in 0.2s; animation-name: fadeIn;}
.menu-oly .overlay-item .item-pad{ padding:0px; width: 100%; transition: all ease-in 0.4s; border-radius:10px;}
.menu-oly .overlay-close{ position:absolute; cursor:pointer; top:0px; right:30px; color:rgba(0, 0, 0, 0.7); border: 0; opacity: 0; z-index: 999; background-color: transparent !important; transition: all ease-in 0.5s; font-size: 40px;}
.menu-oly .overlay-close:hover{ color:rgba(215, 13, 13, 1); transition: all ease-in 0.5s; transform: rotate(180deg); top: 0;}
.menu-oly .overlay-close:focus{ outline:0 }

/* Mobile Menu */
.mbl-menu-btm{width: 100%;}
.mbl-menu{ width: 100%; position: relative;}
.mbl-menu .mbl-menu-box{ width:100%; display:flex; height:100vh; padding-left:100px; flex-wrap:wrap;}
.mbl-head-slct {position: fixed; width: 100%; z-index: 1; top: 0;}
.mbl-menu .mbl-head-slct .top-lks { display: flex; align-items: center; width: 100%; padding: 20px 0; justify-content: space-between;}
.mbl-menu .mbl-head-slct .top-lft { width: 10%;}
.mbl-menu .mbl-head-slct .top-rht{ width: 85%; display: flex; justify-content: flex-end; padding-right: 25px;}
.mbl-menu .mbl-head-slct .top-lks span{ display: flex; align-items: center; justify-content: flex-start; padding-right: 25px;}
.mbl-menu .mbl-head-slct .top-lks span a { display: flex;}
.mbl-menu .mbl-head-slct .top-lks span a img{ max-height: 60px;}
.mbl-menu .mbl-head-slct .top-lks .top-rht a {text-align: center; text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 5px 20px; color: #fff;border-radius: 50px; display: flex; justify-content: center; background-color: #ed1c24; border: 2px solid #ed1c24; transition: all ease-in 0.5s;}
.mbl-menu .mbl-head-slct .top-lks .top-rht a:hover {background: transparent; border: 2px solid #ed1c24; transition: all ease-in 0.5s;}
.mbl-menu .mbl-head-slct .top-lks .top-rht span a{background-color: transparent; font-weight: 400; border: none; text-transform: none;}
.mbl-menu .mbl-head-slct .top-lks .top-rht span a:hover{color: rgba(255, 255, 255, 0.3); border: none;}
.mbl-menu .mbl-head-slct .top-lks .top-rht span i{color: #fff;}
.mbl-menu-box .menu-rht{ width:100%; position: relative;}
.mbl-menu-box .menu-rht .top-lks{ width: 100%;}
.mbl-menu-box .menu-rht .top-menu-lnk{ width: 100%; background-color: rgba(10, 93, 172, 0.1); padding: 25px 35px 25px; text-align: center; border-radius: 30px;}
.mbl-menu-box .menu-rht h2{width: 100%; font-size: 24px; font-weight: 800; text-transform: capitalize; color: #848484; text-align: center; margin-bottom: 20px;}
.mbl-menu-box .menu-rht .top-menu-lnk ul{ padding: 0px 0px; margin: 0; display: grid; grid-template-columns: repeat(1, 1fr);}
.mbl-menu-box .menu-rht .top-menu-lnk ul li{ width:100%; display:flex; justify-content:left; position:relative; transition:all ease-in 0.5s; padding: 5px; align-items: center;}
.mbl-menu-box .menu-rht .top-menu-lnk ul li:last-child{ border-bottom:0 none;}
.mbl-menu-box .menu-rht .top-menu-lnk ul li a{ color: #3d3e3e; padding: 0px 0px 0 0; position:relative; transition: all ease-in 0.5s; display:flex; align-items:center; justify-content:center; font-weight:300; font-size:18px; }
.mbl-menu-box .menu-rht .top-menu-lnk ul li a::after{ content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 0%; background-color: rgba(12, 3, 107, 0.25);  font-size: 11px; transition: all 0.5s ease 0s; opacity: 0;}
.mbl-menu-box .menu-rht .top-menu-lnk ul li a:hover::after{ -webkit-animation: fline 1s linear 0s; animation: fline 1s linear 0s; opacity: 1;}
@-webkit-keyframes fline {  
	0% { left: -10%; width: 5%; }
	25% { left: 25%; width: 25%;}
	50% { left: 50%; width: 50%;}
	75% { left: 75%; width: 25%;}
	100% { left: 100%; width: 0%;}
}   
@keyframes fline {  
	0% { left: -10%; width: 5%; }
	25% { left: 25%; width: 25%;}
	50% { left: 50%; width: 50%;}
	75% { left: 75%; width: 25%;}
	100% { left: 100%; width: 0%;}
}
.mbl-menu-box .menu-rht .top-menu-lnk ul li a:hover{ color:#0a5dac;}
.mbl-menu-box .menu-rht .top-menu-lnk ul li.active{ position:relative; transition: all ease-in 0.5s;}
.ftcontact{ width: 100%; padding: 30px 30px; background: rgba(12, 3, 107, 0.05); border-radius: 30px;}
.ftcontact .full-ft-ads {display: flex;flex-wrap: wrap;}
.ftcontact .full-ft-ads h3 {font-size: 28px; color: #0a5dac; font-weight: 800; width: 100%; margin-bottom: 5px; text-transform: uppercase;}
.ftcontact .full-ft-ads h3 b { color: #ed1c24; font-weight: 800;}
.ftcontact .full-ft-ads small {font-size: 16px; color: #333; font-weight: 400; line-height: 16px;}
.ftcontact i{ display:flex; align-items: center; justify-content: left; font-style:normal; color:#333; font-size: 16px;border-bottom: 1px dotted rgba(0, 0, 0, 0.15); padding: 5px 0;}
.ftcontact i span.lnr{ color:rgba(10, 93, 172,0.4); padding-right: 15px;}
.ftcontact i a{ color: #555;}
.ftcontact i a:hover{color: #0a5dac;}
.ftcontact i:last-child{border: 0 none;}
.mbl-menu-box .menu-lft{ width:65%; position: relative; padding:60px 0px 60px 0px;}
.menu-lft .top-lks{ width: 100%; padding-bottom:40px; margin-bottom:50px; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative;}
.menu-lft .top-lks .top-lft{ position: relative;}
.menu-lft .top-lks img{ max-height:70px;}

.mbl-main-links h2 {font-size: 24px; font-weight: 800; color: #848484; text-transform: capitalize;}
.mbl-main-links .full-sctn { display:flex; width: 100%; justify-content: space-between;}
.mbl-main-links .full-list-box:nth-child(1){ width:25%;}
.mbl-main-links .full-list-box:nth-child(2){ width:35%;}
.mbl-main-links .full-list-box:nth-child(3){ width:30%;}
.mbl-main-links .full-list-box h3 { margin-bottom: 0; font-size:22px; font-weight:600; color:rgba(0, 0, 0, 0.4); text-transform: uppercase;}
.mbl-main-links .full-list-box span b {width: 100%;}
.mbl-main-links .full-list-box span b a {color: #50b243; font-size: 16px; font-weight: 400; text-transform: capitalize;}
.mbl-main-links .full-list-box span b a:hover { color: #0c036b;}
.mbl-main-links .full-list-box span { display:flex; align-items:flex-start; width:100%; list-style:none; padding:20px 0; flex-wrap:wrap;}
.mbl-main-links .full-list-box span:last-child {border-bottom: 0;}
.mbl-main-links .full-list-box span ul {list-style: none; margin-bottom: 0; display: grid; grid-template-columns: repeat(1, 1fr);
gap: 0px; width: 100%; padding-left: 0px; position: relative;}
.mbl-main-links .full-list-box span ul li { margin-bottom:7PX;}
.full-list-box span ul li a { font-size:18px; font-weight:300; color:#333; text-transform: capitalize; display: flex;
align-items: center; position: relative; display: inline-block;}
.full-list-box span ul li a:hover {color: #d9261c;}
.full-list-box span ul li a .lnr { font-size: 12px; color: #777; padding-right: 5px;}
.full-list-box span ul li a::after{ content: ""; position: absolute; left: 0; bottom:-2px; height:1px; width:0%; background-color: rgba(12, 3, 107, 0.25); font-size: 11px; transition: all 0.5s ease 0s; opacity: 0;}
.full-list-box span ul li a:hover::after{ -webkit-animation: fline 1s linear 0s; animation: fline 1s linear 0s; opacity: 1;}
@-webkit-keyframes fline {  
	0% { left: -10%; width: 5%; }
	25% { left: 25%; width: 25%;}
	50% { left: 50%; width: 50%;}
	75% { left: 75%; width: 25%;}
	100% { left: 100%; width: 0%;}
}   
@keyframes fline {  
	0% { left: -10%; width: 5%; }
	25% { left: 25%; width: 25%;}
	50% { left: 50%; width: 50%;}
	75% { left: 75%; width: 25%;}
	100% { left: 100%; width: 0%;}
}
.mbl-main-links {padding-bottom: 25px;}
.fll-ftr-btm {display: flex; justify-content: space-between; width:100%; flex-wrap: wrap; border-top: 1px solid rgba(0, 0, 0,0.10); margin: 20px 0 0 0; padding: 20px 0 0 0; bottom: 0;}
.fll-ftr-btm a {text-transform: uppercase; color: #2b318e; font-size: 14px; line-height: 24px; letter-spacing: -0.25px;
margin-right: 30px;	font-weight: 400; position: relative;}
.fll-ftr-btm a::before {	position: absolute; 	width: 1px;	height: 12px;	content: "";	right: -8px; background-color: rgba(92, 23, 165,0.15); top: 3px; right: -15px;	}
.fll-ftr-btm a:last-child::before {content: none;}
.fll-ftr-btm a:last-child {margin-right: 0;}
.fll-ftr-btm a:hover {color: #ed1c24;}
.fll-ftr-btm .fll-ftr-rht a:hover {color: #ed1c24;}
.fll-ftr-btm .fll-ftr-rht a {color: #888; text-transform: initial;}

.mbl-menu-box .full-sctn-rht{ width:35%; background-color: rgba(0, 0, 0, 0.1); padding:60px;}
.full-sctn-rht .sctn-box{ width: 100%;}
.full-sctn-rht .sctn-box h1{ color: #4d4a47; font-size: 44px; font-weight: 600; margin-bottom: 10px;}
.full-sctn-rht .sctn-box p{ margin:30px 0px; color: #4d4a47; font-weight:300; font-size:18px;}
.sctn-box .box1{ width: 100%;}
.sctn-box .box1 .foot-adds-cont{ width: 100%; text-align:left; margin:40px 0px 10px; }
.sctn-box .box1 .foot-adds-cont p{ font-size:17px; color: rgba(0, 0, 0, 0.9); font-weight:300; margin-bottom: 0; line-height: 24px; display: flex;}
.sctn-box .box1 .foot-adds-cont p i{ color: rgba(0, 0, 0, 0.3); margin-right: 8px; padding-top: 4px;}
.sctn-box .box1 .foot-adds-cont2{ width: 100%;}
.sctn-box .box1 .foot-adds-cont2 span{ width: 100%; display: flex; align-items: center; color: rgba(0, 0, 0, 0.9); justify-content:flex-start; font-size:17px; font-weight:300; margin:8px 0px;}
.sctn-box .box1 .foot-adds-cont2 span a{ color: rgba(0, 0, 0, 0.9); transition: 0.4s;}
.sctn-box .box1 .foot-adds-cont2 span a:hover{ color: #d9261c; transition: 0.4s;}
.sctn-box .box1 .foot-adds-cont2 span i{ font-size:18px; margin-right:10px; color: rgba(0, 0, 0, 0.3);}
.full-sctn-rht .rht-lnk{ width: 100%; margin:50px 0px 20px;}
.full-sctn-rht .rht-lnk span{ display: flex; align-items: center;}
.full-sctn-rht .rht-lnk span a{ background-color: #d9261c; color: #fff; font-weight: 400; padding: 8px 30px; border-radius: 50px; text-transform: uppercase;}
.full-sctn-rht .rht-lnk span a:hover{ background-color:#444;}

/* Home Copyrights */
.mbl-copy-bg{ padding:35px 0; border-top:1px solid rgba(0,0,0,0.1); position:absolute; width:100%; bottom:0;}
.copyrgt{ display: flex; justify-content: space-between; align-items: center;}
.copyrgt .cpy-txt{ width:100%; display:flex; align-items:center; flex-wrap:wrap; font-size:15px; color:rgba(0, 0, 0, 0.6); font-weight:300;}
.copyrgt .cpy-txt span{ padding-left:3px;}

/* Top links sticky menu styles */
.top-links .topflex { justify-content: flex-end; position: relative; display: none; }
.top-links { position: absolute; right: 0; left: 0; top: 40px; width: 100%; margin: auto; padding: 0 60px; z-index: 9; }
.top-links.sticky{position: fixed; background-color: #fff; top: 0; padding:5px 30px; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 99; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.20);}
.top-links.sticky .mega-dropdown-menu{ top: 52px;}
.top-links.sticky .topflex { display: block; }
.top-links.sticky .topflex{max-width:1430px; margin: auto;}
.top-links.sticky .topflex .navbar{ padding: 0px 0px;}
.top-links.sticky .topflex .navbar img{ max-height:50px;}
.top-links.sticky .stklogo{display: unset;}
.progress-container { width: 100%; height:2px; background: #fff; display: none; position: absolute; left: 0; bottom: 0;}
.top-links.sticky .progress-container{ display: block;}
.top-links.sticky .progress-bar { height:2px; background: #d9261c; width: 0%;}
.top-links.sticky .nav-rht{min-height: 55px; align-items: center;}
.top-links.sticky .nav-rht .nav-link{color: #403e3c; padding:5px 0px 5px !important; font-size:16px;}
.top-links.sticky .mnln1{ background-color: rgba(217, 38, 28, 0.95);}
.top-links.sticky .nav-rht .nav-item .active { font-weight:600; color:#d9261c !important; }
.top-links.sticky .nav-rht .nav-item a::before{background-color: #d9261c;}
.mega-dropdown-menu a::before{display: none;}
.top-links.sticky .nav-rht .nav-item a:hover{color: #d9261c;}
.top-links.sticky .nav-lft .navbar-brand{ padding: 0;}
.top-links.sticky .navbar-nav .nav-link.dropdown-toggle::after{ color: rgba(0, 0, 0, 0.3);}
.top-links.sticky .cnt-sport{ border-left: 1px solid rgba(0, 0, 0, 0.1);}
.top-links.sticky .cnt-sport h4{ color: rgba(0, 0, 0, 0.5);}
.top-links.sticky .cnt-sport span a{ color: #444;}
.top-links.sticky .cnt-sport span i{ color:rgba(0, 0, 0, 0.2);}

/* Carousel Banner  */
.banner-bg{ position: relative; z-index: 0; overflow: hidden; background-color: #333;}
.banner-bg::before{ width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: rgba(0, 0, 0, 0.7); content: ""; z-index:1;}
.banner-bg .carousel-item video{ width: 100%; display:block;}
.carousel-control-next, .carousel-control-prev{ padding-top:80px;}
.banner-shrt{ position: absolute; padding:80px 30px 0px; top: 40%; z-index: 8; left: 0; right: 0; margin: auto; width: 100%; height:auto; max-width:1330px; display: flex; justify-content:center; align-items: center;}

.carousel-indicators{ bottom: 50%; right: 80px; left: auto; justify-content:center; z-index: 9999; margin: 0;}
.carousel-indicators .slidebtn { rotate: 270deg; width: 30px; height: 3px; transition: all ease 5s;}
.carousel-indicators .slidebtn.active {width: 80px; height: 3px; transition: all ease 5s;}



.carousel-caption { position: absolute; text-align:left; padding:20px 30px 20px 30px; z-index:0; left: 0; width:60%; height:auto; -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; overflow: hidden; bottom: auto; right:auto;} 
.carousel-caption h4 { font-size:50px; width: 100%; line-height:50px; margin-bottom: 0; color: #fff; font-weight:100; display: inline-block; text-align: left;} 
.carousel-caption h1 { font-size:40px; width: 100%; line-height:50px; display:inline-block; font-weight:800; text-align: left; color:#fff; margin: 0; text-transform: uppercase;} 
.carousel-caption h3 { font-size:54px; width: 100%; line-height:50px; display:inline-block; font-weight:300; text-align: left; color:#fff; margin: 0;} 

.carousel-caption p{ font-size: 16px; color: #fff; line-height:24px; margin:25px 0px; font-weight: 300; text-align: left;}
.carousel-caption .bnr-btns {position: relative; padding: 20px 0px 15px; display: flex; align-items: center; justify-content:flex-start;}
.carousel-caption a.bnr-enqbtn{ display:inline-block; font-size: 16px; color: #fff; padding:10px 30px; text-transform: capitalize;  position: relative; z-index: 0; overflow: hidden; border-radius: 0px; border: 1px solid #fff;font-weight:300; }
.carousel-caption a.bnr-enqbtn:hover{ background-color:#fff; color: #d9261c;}
.carousel-icon{ position: absolute; right:280px; top: 100px; display: flex; align-items: center; justify-content: center;}
.carousel-icon a i{ font-size:32px; color: rgba(255, 255, 255, 0.95); border:2px solid rgba(255, 255, 255, 0.95); border-radius: 50px; width:85px; height: 85px; display: flex; align-items: center; justify-content:center; padding-left: 10px;}
.carousel-icon::after{ width:650px; height:650px; position: absolute; background: url(../images/banner-circle.png); content: ""; z-index:-1; background-size: contain;}


/* Inner banner */
.airguardian-bdy{ width: 100%; position: relative; z-index: 0; margin-bottom:0px; position: relative;}
.airguardian-bdy-banner{ width: 100%; position: relative; z-index: 0; overflow: hidden;}

.airguardian-bdy-part .bnr-item{ transition: transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:280px; position:relative; z-index:1;}
.airguardian-bdy-part .bnr-item .bnr-img{ position: relative; width: 100%; z-index: 0; height: 100%; background-color: #d4d4d4;}
.airguardian-bdy-part .bnr-item .bnr-img:before{ position:absolute; content:""; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.85); top: 0; left: 0; z-index: 1;}

.airguardian-bdy-part .bnr-item .bnr-img img{ width:100%; margin: 0 auto; background-size: cover; height: 100%; object-fit: cover;}
.airguardian-bdy-bnr { position: absolute; padding:0px 30px; bottom:15px; z-index:2; left: 0; right: 0; margin: auto; margin-top: auto; width: 100%; max-width:1500px;} 
.airguardian-bdy-bnr .airguardian-bdy-bnrtxt{ width:100%; position: relative; padding-left:0px; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay : 0.5s;} 
.airguardian-bdy-bnr h1{ color:rgba(255,255,255,0.09); font-size:34px; font-weight:800; margin-bottom:15px; line-height:1.1; padding-bottom:0px; text-transform: uppercase; text-align:right; margin: 0; font-family: 'Orbitron', sans-serif;}
.airguardian-bdy-bnr h2{ color:#333; font-size:54px; font-weight:100; margin-bottom:0px; line-height:35px; padding-left: 5px;}

/* ----- Inner Page Styles ----- */


/* Button Animation */
.btn-animate { position: relative; animation: 1.6s playShadow ease-out infinite; transition: 0.4s; } 
.btn-animate:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; z-index: -1; pointer-events: none; transition: 0.35s; } 
.btn-animate:hover:after { box-shadow: 0 0 0 4px rgba(232, 147, 67, 0.3), 0 0 0 8px rgba(232, 147, 67, 0.2); } 
@keyframes playShadow { 
 0% { box-shadow: 0 0 0 0px rgba(232, 147, 67, 0.3), 0 0 0 0px rgba(232, 147, 67, 0.2); transform: scale(1); } 
 18% { box-shadow: 0 0 0 0px rgba(232, 147, 67, 0.3), 0 0 0 0px rgba(232, 147, 67, 0.2); } 
 35% { transform: scale(1.08); } 
 76% { transform: scale(0.96); } 
 100% { box-shadow: 0 0 0 16px rgba(232, 147, 67, 0), 0 0 0 27px rgba(232, 147, 67, 0); transform: scale(1); } 
 }
 /* home services */
 .ecom{  width: 100%; background: #f0f6fa url(../images/services-bg.jpg) left repeat; padding-bottom: 0px; position: relative; z-index: 0; display: flex; align-items: center;}
 
 /* .ecom::before{ position:absolute; content: ""; width:100%; height:400px; top: 40%; background-color:rgba(0, 0, 0, 0.1); z-index:-1; left:0;} */
 .ecom-det{ padding: 60px 100px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative;}
 .ecom-img-bg { position: absolute; top: 10px; right: 0;}
 .ecom-img-bg img { width: 480px; height: 600px; object-fit: contain; animation: anim-loading-pill 1200ms ease-in infinite alternate;
	transition: all ease 25s;}
	@keyframes anim-loading-pill {
		0% {
		  transform: translateY(-5%);
		  opacity: 1;
		}
		100% {
		  transform: translateY(5%) scale(0.9);
		  opacity: 0.9;
		}
	  }

 .ecom-det .ecom-cnt{ width:55%; text-align: left; margin-bottom: 30px;}
 .ecom-det .ecom-cnt h1{ line-height:1; color:#333; font-size:40px; font-weight: 700; letter-spacing: -2px; margin-bottom:25px; padding-bottom:0px;}
 .ecom-det .ecom-cnt h1 b { color:#7d0dfd; }
 .ecom-det .ecom-cnt h2{ line-height:1.2; color:rgba(3, 3, 3, 0.7); font-size:20px; font-weight:300; margin-bottom:15px; text-align: justify;}
 .ecom-det .ecom-cnt p{ width: 60%; font-size: 16px; margin: 0; font-weight: 300; color:rgba(0, 0, 0, 0.7); line-height: 22px; text-align:left;}
 .ecom-det .ecom-cnt ul{ margin: 20px 0px; padding: 0;}
 .ecom-det .ecom-cnt ul li{ list-style: none; padding-left:18px; position: relative; color: #333; font-size: 18px; margin-bottom:2px; font-weight:300;}
 .ecom-det .ecom-cnt ul li:before{ position: absolute; left: 0; width: 6px; height: 6px; border-radius: 50px; content: ""; background-color: rgba(0, 0, 0, 0.2); top:12px;}
 /* App Icons */
 .ecom-list{ width:100%;}
 .ecom-list .ecom-main{ display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:20px; width:100%; padding:0px; margin-top: 20px;}
 .ecom-list .ecom-main .ecom-box{ text-align:center; background-color:rgb(255, 255, 255); box-shadow: 0px 15px 75px 0px rgba(138, 138, 138, 0.15); border-radius: 10px; padding:25px 40px; transition:all ease-in 0.4s;}
 .ecom-list .ecom-main .ecom-box:hover{ background-color: #fff; transition: all ease-in 0.4s; box-shadow: 0 30px 25px rgba(2,0,103,.13);
	transform: translate(0,-22px); }
 .ecom-list .ecom-main .ecom-box span{ display:flex; justify-content: center; text-align: center; align-items: center;}
 .ecom-list .ecom-main .ecom-box span img{ max-height:70px;}
 .ecom-list .ecom-main .ecom-box h2{ color:#333; display:block; font-weight:500; font-size:18px; margin:15px 0px 10px;}
 .ecom-list .ecom-main .ecom-box p{ font-size:14px; color: #333; font-weight:300; line-height: 18px; text-align:center; margin-bottom: 0;}
 .ecom-list .ecom-main .ecom-box a.more-dtl { font-size: 13px; font-weight: 600;color: #7d0dfd; text-transform: uppercase; letter-spacing: 0.25px; display: flex; align-items: center; justify-content: center; padding: 30px 0px;}
 /*End home services */

 /* Welcome Content */

 span.circle-lft{ width: 250px; height: 250px; background: url(../images/pattern-3.png) left repeat; border-radius: 50%; position: absolute; left: 30%; top: 30px; z-index: -1; animation: crescendo 2.0s alternate infinite ease-in;}
 span.circle-btm{ width:260px; height:260px; background: url(../images/pattern-2.png) left repeat; border-radius: 50%; position: absolute; bottom:-120px; z-index:-1; right: -60px;}
 @keyframes crescendo {
	0%   {transform: scale(.5);}
	100% {transform: scale(1.1);}

 }
 .mpwel-bg{ padding: 0px 0 50px 0; background: url(../images/about-bg.jpg) center bottom no-repeat; background-size: cover; position: relative;}
 .mpwel-box h2{width: 100%; color: rgba(0, 0, 0, 0.175); font-weight: 900; font-size: 40px; margin-bottom: 0px; padding: 0px 0px 30px 0px; margin-top: 0px; text-align: left; display: inline-block;	text-transform: uppercase; line-height: 0px; }
.mpwel-bg .max-cntr {max-width: 1500px; padding: 0 90px;}
.mpwel-box{ width: 100%; padding: 40px 0px 0px; text-align: center; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 0;  } 
.mpwel-box .mpwel-silde{width: 40%; position: relative; text-align: center;  padding: 0px; }
.mpwel-silde .silde-slct { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; padding: 30px; box-shadow: 0px 40px 50px -10px rgba(2, 2, 2, 0.8); background: rgb(25,25,25); background: linear-gradient(0deg, rgb(25, 25, 25) 0%, rgb(44, 44, 44) 100%); border-radius: 20px; }

.mpwel-silde .silde-slct .silde-box1 {display: flex; width: 100%; background: #292929; padding: 0px; margin-bottom: 30px; border-radius: 20px;
	overflow: hidden;}
.silde-box1 .sbox1-box { height: 250px; }
.silde-box1 .sbox1-box img { height: auto; object-fit: cover;}
.silde-box1 .active .sbox1-box { animation: zoomout 5s; }
@keyframes zoomout{
  0%{
    transform: scale(1.3);
  }
  100%{
    transform: scale(1);
  }
}

.mpwel-silde .silde-slct .silde-box2 {display: flex; width: 100%; padding: 0px; position: relative; overflow: hidden; justify-content: center; flex-wrap: wrap;}
.mpwel-silde .silde-slct .silde-box2 #adsVideo {position: absolute; z-index: 0;	width: auto; height: 100%;}
.silde-box2 h3 { font-size: 16px; font-weight: 900; color: #fff; padding: 0px;	margin-bottom: 20px; text-transform: uppercase; text-align: center; width: 100%;}
.silde-box2 span { width: 100%;}
.silde-box2 span img {width: 100%; border-radius: 20px;} 
.mpwel-box .mpwel-cont{width: 60%; text-align: left; padding: 40px 0px 50px 150px; margin-top: 0px; position: relative; display: flex;
	flex-wrap: wrap; justify-content: flex-end;}

.mpwel-box .mpwel-cont h3{width: 100%; color: #065fac; font-weight: 300; font-size: 25px; margin-bottom: 0px; padding: 0px 0px 0px 0px; margin-top: 0px; text-align: left; display: inline-block;	text-transform: uppercase; letter-spacing: 1px; }
.mpwel-box .mpwel-cont h4{width: 100%; color: #000; font-weight: 200; font-size: 36px; margin-bottom: 0px; padding: 0px 0px 20px 0px; margin-top: 0px; text-align: left; display: inline-block;	text-transform: uppercase;  position: relative; letter-spacing: 1px;}
.mpwel-box .mpwel-cont p{ font-size: 16px; margin: 0px 0 20px 0px; color: #333; font-weight: 300; line-height: 20px; width: 100%; text-align: left;}


.mpwel-ser-slct {width: 100%; margin-top: 40px; background: #eee; padding: 100px 120px 70px 120px;}
.mpwel-ser-prt{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
.mpwel-ser-box{width: 100%; position: relative;  min-height: 250px; border-radius: 10px;transition: all 0.5s; background: #fff;
padding: 20px;}
.mpwel-ser-box span { min-height: 250px; display: flex; margin-bottom: 30px;margin-top: -50px; border-radius: 10px; overflow: hidden;transition: all ease-in 0.4s;  }
.mpwel-ser-box small {color: #333; font-size: 25px; font-weight: 500; margin-top: 0px; margin-bottom: 0; text-align: center; width: 100%; text-transform: uppercase; line-height: 18px;}
.mpwel-ser-box p { font-size: 16px !important; margin: 20px 0 0px 0px !important; color: #666 !important; line-height: 16px !important;  text-align: left !important;}

.mpwel-ser-box:hover span{ transition: all ease-in 0.4s; box-shadow: 0 30px 25px rgba(2,0,103,.13); transform: translate(0,-22px); }


/* Our Solution List */
.slutn-lst{ width: 100%; background:linear-gradient(90deg, rgb(54, 50, 252) 0%, rgb(126, 12, 253) 100%); padding: 30px 0px 60px 0px; position: relative;}
.slutn-lst-main{ width: 100%; padding:15px 0px 0px 0px;}
.slutn-lst-main h1{ width: 60%; color: #ffffff; font-weight: 800; font-size: 38px; margin: 25px auto; position: relative; text-align: center; padding:10px 0px 10px; text-transform: uppercase; line-height: 50px;}
.slutn-lst-main h1:before{ position:absolute; right: 0px; left: 0; margin: 0 auto; bottom: 0px; content: ""; width: 200px; height: 1px; background-color:#ddd;}
.slutn-lst-main p {  width: 80%;  color: #fff; margin: 0 auto; font-weight: 400; font-size: 14px; text-align: center;}
.slutn-lst-det{ width: 100%; display:grid; grid-template-columns: repeat(3, 1fr); grid-gap:60px; margin: 60px 0px 20px;}
.slutn-box{text-align: center; padding: 25px 40px; transition: all ease-in 0.4s; display: flex;	justify-content: center; flex-wrap: wrap;}
.slutn-box span{ display:flex; justify-content: center; text-align: center; min-height: 100px; align-items: center; background: #fff;
width: 100px; border-radius: 50%;}
.slutn-box span img{ max-height:50px;}
.slutn-box h2{ color:#fff; display:block; font-weight:500; font-size:18px; margin:15px 0px 10px; width: 100%;}
.slutn-box p{ font-size:14px; color: #fff; font-weight:200; line-height: 16px; text-align:center; margin-bottom: 0;}
/*  */
.erp-det{ padding: 0px 0px; width: 100%; display: flex; }
.erp-det .erp-cnt{ width:100%;}
.erp-det .erp-cnt h1{ line-height:1.1; color:#fff; font-size:50px; font-weight:100; margin-bottom:15px; padding-bottom:15px;}
.erp-det .erp-cnt h1 span{ display: block; font-weight: 800;}
.erp-det .erp-cnt p{ font-size: 18px; font-weight: 300; color:rgba(255, 255, 255, 0.8); line-height: 22px; text-align: justify;}
.erp-det .erp-cnt ul{ margin: 20px 0px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; }
.erp-det .erp-cnt ul li{ list-style: none;}
.erp-det .erp-cnt ul li a{color:#fff; display:flex; align-items: center; padding:15px 20px; border: 1px solid rgba(255, 255, 255, 0.41);
	background: linear-gradient(90deg, rgb(54, 50, 252) 0%, rgb(126, 12, 253) 100%); line-height:1.2; font-weight: 300; font-size: 14px; }
.erp-det .erp-cnt ul li a:hover{ color: #fe242c; transition: all ease-in 0.4s;}
.erp-det .erp-cnt ul li a span{ color: #fe242c; display: flex; margin-right:15px; background: #fff; padding: 10px 10px; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);}
.erp-det .erp-cnt ul li a span img{ max-width: 20px; object-fit: contain;}


/* Inner Page Enquiry Form */
.inr-enq-bg{ background-color: #fff; padding:40px 0px; position: relative; z-index: 0; display: flex; align-items: center;}
.inr-enq-bg:before{ position: absolute; width: 100%; height:300px; content: ""; background-color: #eee; z-index: -1;}
.inr-enq-bg .exs-enq-lft{ width: 80%;}
.inr-enq-bg .exs-enq-lft h1{ margin-bottom:10px; color:#111; font-size:27px; font-weight:800; line-height: 1.2;}
.inr-enq-bg .exs-enq-lft h2{ margin-bottom:10px; font-weight:100; font-size:28px; color:#111; }
.inr-enq-main{ margin:30px 0px 30px; padding:0px; display: flex; justify-content: center; align-items: center; justify-content: space-between;}
.exs-enq{ background-color:#fff; border-radius:25px; border:1px solid #eee; padding:45px 40px; box-shadow:0px 10px 35px rgba(0, 0, 0, 0.08); width: 40%;}
.exs-enq h2{ margin-bottom: 45px; color: #333; font-size: 23px; line-height: 24px; font-weight: 200;}
.exs-enq .exs-enq-frm{ width: 100%;}
.exs-enq .exs-enq-frm .form-group{ position: relative; margin-bottom: 22px; z-index: 0;}
.exs-enq .exs-enq-frm .form-group .form-control{ border: 0 none; border-radius:50px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); position:relative; padding-left:45px;}
.exs-enq .exs-enq-frm .form-group .form-control::placeholder{ color: #333;}
.exs-enq .exs-enq-frm .form-group span.lnr{ position: absolute; left:20px; z-index: 1; top:11px; font-size: 16px; color: #999;}
.exs-enq .exs-enq-frm .form-group textarea{ border-radius:25px !important;}
.exs-enq .exs-enq-frm button.btn-career{ background-color: #7d0dfd; border: 1px solid #7d0dfd; display: flex; justify-content: center; align-items: center; border-radius:50px; color:#fff; font-size:16px; font-weight:400; text-transform:uppercase; padding:8px 50px; margin-top:50px; transition: all ease-in 0.4s;}
.exs-enq .exs-enq-frm button.btn-career:hover{ border:1px solid #7d0dfd; color:#7d0dfd; background-color:transparent; transition:all ease-in 0.4s;}



/* Footer Section styles */
.footer-wrapper{ background-color: #333;}
.footer-wrapper .cpywrght{ width: 100%; background-color: #111; box-shadow: 16px 0px 20px rgba(0, 0, 0, 0.05);}
.ft-cont-box{display: flex; padding: 40px 0; align-items: center;}
.ft-comp-det{display: flex; align-items: center; width:100%;}
/* .ft-comp-det .ftr-lgo-lft{ width: 35%;} */
/* .ft-comp-det .ftr-lgo-lft span{ display: block;} */
.ft-comp-det .ft-logo img{ max-width:220px;}
.ft-comp-det .ftr-lgo-rht{ margin-left:10px; width:75%;}
.ft-comp-det .ftr-lgo-rht .ft-det{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 15px;}
.ft-comp-det .ftr-lgo-rht .ft-det h1{ font-size:20px; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 24px;}
.ft-comp-det .ftr-lgo-rht .ft-det p{ font-size: 18px; color:rgba(255, 255, 255, 0.65); letter-spacing: 0.25px; font-weight: 300; margin: 0; line-height:18px;}
.ft-comp-det .ftr-lgo-rht .ft-lnk{ width: 100%; display: flex; align-items: center; padding:12px 0px;}
.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-phno{ font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: center; margin-right: 40px;}
.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-phno span.lnr{ color: rgba(255, 255, 255, 0.3); font-size: 18px; padding-right: 10px;}
.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-email{ font-size: 18px; color: #fff; display: flex; align-items: center; justify-content: center}
.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-email a{ color: #fff;}
.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-email a:hover{ color: #7d0dfd;}
.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-email span.lnr{ color: rgba(255, 255, 255, 0.3); font-size: 18px; padding-right: 10px;} 

.ftr-lnk-box{ display: flex; width: 100%; padding: 60px 0px 60px;}
.ftr-lnk-box ul{ margin: 0; padding: 0;}
.ftr-lnk-box ul li{list-style: none; margin: 0; padding: 3px 0;}
.ftr-lnk-box ul li span.lnr{ font-size: 13px; color: rgba(255, 255, 255, 0.3); padding-right: 10px;}
.ftr-lnk-box ul li a{ color: #fff; font-size: 16px; font-weight:300; display: inline-block; padding: 0; position: relative;}
.ftr-lnk-box ul li a::after{ content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 0%; background-color: rgba(6, 98, 176,0.5); font-size: 11px; transition: all 0.5s ease 0s; opacity: 0;}
.ftr-lnk-box ul li a:hover{color: #7d0dfd;}
.ftr-lnk-box ul li a:hover::after{ -webkit-animation: fline 1s linear 0s; animation: fline 1s linear 0s; opacity: 1;}
@-webkit-keyframes fline {  
	0% { left: -10%; width: 5%; }
	25% { left: 25%; width: 25%;}
	50% { left: 50%; width: 50%;}
	75% { left: 75%; width: 25%;}
	100% { left: 100%; width: 0%;}
   }
   
   @keyframes fline {  
	0% { left: -10%; width: 5%; }
	25% { left: 25%; width: 25%;}
	50% { left: 50%; width: 50%;}
	75% { left: 75%; width: 25%;}
	100% { left: 100%; width: 0%;}
   }
.ftr-lnk-box h3{ font-size: 24px; font-weight:500; color:#fff;}
.ftr-links1{ width: 20%; border-right: 1px solid rgba(255, 255, 255, 0.1); margin-right:35px;}
.ftr-links2{ width: 20%; border-right: 1px solid rgba(255, 255, 255, 0.1); margin-right:45px;} 
.ftr-links3{ width: 40%; display: flex; align-items: center;}
.ftr-links3 .ftr-addrs{ width: 100%;}
.ftr-img { width: 20%;}
.ftr-img span img { animation: pulse 1s infinite; animation-timing-function: ease; animation-timing-function: linear; transition: all ease 0.5s; }

@keyframes pulse {
	0% { transform: scale(0.9); }
	50% { transform: scale(1); }
	100% { transform: scale(0.9); }  
  }	
  

.ftlink{ width:80%; text-align: center; margin:30px 0px; position: absolute; bottom:-35px; left:-330px;}
.ftlink-box{ width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.ftlink .ftlink-box a{ font-size:14px; text-transform: uppercase; display: block; letter-spacing: 0.5px; margin: 0px 10px; border-right: 1px solid rgba(0, 0, 0, 0.2); padding-right: 10px; font-weight: 500; color: #111;}
.ftlink-box a:first-child{ margin-left: 0;}
.ftlink-box a:last-child{ padding-right: 0; margin: 0; border-right: 0 none;}

/* Footer Copyright */
.ft-copyright{ padding:20px 0; display: flex; align-items: center; justify-content: space-between;}
.ft-copyright .cprt-lft{ width:80%;}
.ft-copyright .cprt-lft .cprt-lnk a{ color:#fff; position:relative; display:inline-block; margin-right:45px; font-weight:300;}
.ft-copyright .cprt-lft .cprt-lnk a:first-child::after{position: absolute; content: ""; width: 1px; height:19px; background-color: rgba(255, 255, 255, 0.2); top: 4px; right:-25px;}
.ft-copyright .cprt-lft .cprt-lnk a:hover{ color: #0662b0;}
.ft-copyright .cprt-lft span{ display:flex; align-items: center; margin-top:8px; color: rgba(255, 255, 255, 0.6); font-weight: 300; font-size: 16px;}
.ft-copyright .cprt-lft span small{ color: rgba(255, 255, 255, 0.6); font-weight: 300; font-size: 16px; padding-left: 5px;}
.ft-copyright .cprt-rgt{ width:20%; text-align: right;}
.ft-copyright .cprt-rgt .scl-lnks a{ margin-right:5px; background-color: rgba(255, 255, 255, 0.1); padding:12px 18px; border-radius: 10px;}
.ft-copyright .cprt-rgt .scl-lnks a:last-child{ margin-right: 0; padding: 12px 16px;}
.ft-copyright .cprt-rgt .scl-lnks a i{ font-size: 18px; transition: all ease-in 0.4s;}
.ft-copyright .cprt-rgt .scl-lnks a:hover i{ color: #555; transition: all ease-in 0.4s;}
.ft-copyright .cprt-rgt .scl-lnks a:nth-child(1){ color: #fff; padding: 12px 21px;}
.ft-copyright .cprt-rgt .scl-lnks a:nth-child(2){ color: #fff;}
.ft-copyright .cprt-rgt .scl-lnks a:nth-child(3){ color: #fff;}
.grecaptcha-badge{right: -280px !important;}


/* Contact Us */
.citr-contact{ width: 100%; background-color: #fff; position: relative; padding-top: 70px;}
.citr-contact-banner{ width: 100%;}
.citr-contact-part .bnr-item{ transition: transform 1.5s ease, opacity .5s ease-out; height:550px; position:relative; z-index:0;}
.citr-contact-part .bnr-item img.inbnr-img{ width:100%; margin: 0 auto; background-size: cover; height: 100%; object-fit: cover;}
.citr-contact-bnr { position: absolute; height: 100%; padding:0px 30px; top:50%; left: 0; right: 0; transform: translateY(-50%); margin: auto; width: 100%; max-width:1500px; display: flex; align-items: center; z-index: 0;} 
.citr-contact-bnr .citr-contact-bnrtxt{ width:46%; margin-top:40px;} 
.citr-contact-bnr p{ font-size: 17px; font-weight: 200; color: #fff; line-height: 22px; margin-bottom: 0;}
.citr-contact-bnr h1{ color:#252522; font-size:25px; font-weight:100; margin-bottom:5px; line-height: 1; letter-spacing: -0.90px;}
.citr-contact-bnr h2{ color:#444; font-size:45px; font-weight:900; margin-bottom:20px; line-height: 1; letter-spacing: -0.90px; position: relative;}
.citr-contact-bnr h2:before{ position:absolute; width:145px; height:1px; content:""; bottom: 0; background-color:rgba(0, 0, 0, 0.15);}
.citr-contact-bnr p{ font-size:20px; font-weight:200; color: #333; line-height:30px; margin-bottom: 0; letter-spacing: -0.50px;}

a.darrow{ display: inline-block; background-color: #ed1c24; color: #fff; padding: 10px 15px; margin: 15px 0px;}
a.darrow:hover{ background-color: #7d0dfd;}
a.darrow:hover span.lnr{-webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block;}
a.darrow span.lnr{ font-size:18px;}

.citr-contact-bnr .citr-contact-image{ width:750px; position: absolute; right: 0; bottom:-120px; z-index:-1;}
.citr-contact-bnr .citr-contact-image span{ display: flex; align-items: center; justify-content: center; position: relative;}
.citr-contact-bnr .citr-contact-image span img{ object-fit: contain; position: relative; max-height: 598px;}
/* .citr-contact-bnr .citr-contact-image span:before{ position: absolute; width: 432px; height:432px; left:10px; content: ""; background:url(../images/contact-img-bdr.png) left no-repeat; -webkit-animation:Right 2s infinite; animation: Right 2s infinite; background-size: contain;} */

/* /right bounce */
@-moz-keyframes Right {
	0%,	20%, 50%, 80%, 100% { transform: translateX(0);}
	30% { transform: translateX(-15px);}
	80% { transform: translateX(-8px);}
  }
  @keyframes Right {
	0%,	20%, 50%, 80%,100% {-ms-transform: translateX(0); transform: translateX(0);	}
	30% { -ms-transform: translateX(-15px); transform: translateX(-15px);}
	80% { -ms-transform: translateX(-8px); transform: translateX(-8px);}
  }

.contact-sctn{ width: 100%; padding:0px 0px 80px 0px; position: relative; z-index: 0;}
.contact-sctn .cnt-dtls{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.cnt-dtls .cnt-dtls-box{ width:44%; background-color: #7d0dfd;}
.cnt-dtls .cnt-dtlsl{ background-color: #7d0dfd; padding: 40px 40px 0px;}

.cnt-dtls .cnt-dtlsl .cnt-add{ width: 100%;}
.cnt-dtls .cnt-dtlsl .cnt-add h2{ color:rgba(255, 255, 255,1); font-size:30px; font-weight:900; letter-spacing: -0.50px; margin-bottom:5px;}
.cnt-dtls .cnt-dtlsl .cnt-add p{ margin: 0; color:rgba(255, 255, 255,0.9); font-size: 18px; line-height: 24px; font-weight: 200; letter-spacing: -0.10px;}

.cnt-dtls .cnt-dtlsl .cnt-lnk{ border-top: 1px solid #973cff; padding:15px 0px; margin:15px 0px;}
.cnt-dtls .cnt-dtlsl .cnt-lnk p{ color:rgba(255, 255, 255,0.8); font-size:19px; margin-bottom:5px; line-height: 24px; font-weight: 200; letter-spacing: -0.20px;}
.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-phn{ display:block; color:rgba(255, 255, 255,1); font-size:24px; font-weight:700; letter-spacing: -0.20px; margin-bottom:8px;}
.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-mail{ display:block; margin:3px 0px;}
.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-mail small{ font-size:19px; color:rgba(255, 255, 255,0.9); font-weight: 100;}
.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-mail a{ color: rgba(255, 255, 255,1); font-weight: 500;}

/* contact Us Form */
.cnt-dtls .cnt-dtlsr{ width: 52%; margin-top:200px;}
.cnt-dtlsr .contact-frm{ width: 100%;}
.cnt-dtlsr .contact-frm h2{ color: #7d0dfd; font-size:35px; font-weight:200; margin-bottom:35px; line-height: 1; letter-spacing: -0.90px;}
.cnt-dtlsr .contact-frm .cnt-frm{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.cnt-dtlsr .contact-frm .form-group{ width: 49%; position: relative; margin-bottom:15px;}
.cnt-dtlsr .contact-frm .form-group .form-control{ border-radius:0px; position:relative; border: 1px solid #fff;  font-weight: 200; color: #333; background-color: #f3f3f3; padding:11px 15px 11px 40px; min-height:50px;}
.cnt-dtlsr .contact-frm .form-group .form-control::placeholder{ color: #999;}
.cnt-dtlsr .contact-frm .form-group span.lnr{ position: absolute; left:15px; z-index: 1; top:14px; font-size: 16px; color:#999;}
.cnt-dtlsr .contact-frm .form-group textarea{ border-radius:0px !important;}
.cnt-dtlsr .contact-frm .form-group .custom-select{ border-radius:0px;width: 100%; padding: 0px; font-size:16px; background-color:transparent; position:relative; border:1px solid #fff; padding-left:35px; background-color:#f3f3f3; font-weight: 200; min-height:50px;}
.cnt-dtlsr .contact-frm .form-group span.lnr{ top: 14px;}
.cnt-dtlsr .contact-frm .form-group .custom-select span.lnr{ top: 14px;}
.cnt-dtlsr .contact-frm .form-group .custom-select::placeholder{ color: #999;}
.contact-frmlnk{ display: flex; align-items: center; margin-top:25px;}
.contact-frmlnk button.btn-contact{ background-color: #ed151e; border: 1px solid #ed151e; display: flex; justify-content: center; align-items: center;border-radius:0px;color:#fff;font-size:16px; font-weight:200; text-transform:uppercase; padding:8px 30px 4px; transition:all ease-in 0.4s; margin-right:20px;}
.contact-frmlnk button.btn-contact:hover{  background-color:transparent; border: 1px solid #ed151e; color: #ed151e;}
.contact-frmlnk button.btn-contact-cnl{ background-color: #777; border: 1px solid #777; display: flex; justify-content: center; align-items: center;border-radius:0px;color:#fff;font-size:16px;font-weight:200;text-transform:uppercase;padding:8px 30px 4px; transition:all ease-in 0.4s;}
.contact-frmlnk button.btn-contact-cnl:hover{ border:1px solid #666; color:#555; background-color:transparent; transition:all ease-in 0.4s;}
.cnt-dtlsr .contact-frm .cnt-frm:nth-child(3) .form-group{ width: 100%;}
.cnt-dtlsr .contact-frm .cnt-frm:nth-child(4) .form-group{ width: 100%;}

.cont-map{ width: 100%; margin-bottom:0px;}
.cont-map .contact-map{ width: 100%; position: relative; background-color: #fff;}
.cont-map .contact-map-bg{ width: 100%; position: relative;}
.cont-map .contact-map-bg iframe{ width: 100%; border: 0; min-height:350px; display: block;}


/* About Us */
.citr-resource{ width: 100%; background-color: #fff; position: relative; z-index: 0; margin-bottom: 0px;}
.citr-resource-banner{ width: 100%;}
.citr-resource-part .bnr-item{ transition: transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:600px; position:relative; z-index:0;}
.citr-resource-part .bnr-item img{ width:100%; margin: 0 auto; background-size: cover; height: 100%; object-fit: cover;}
.citr-resource-part .bnr-item:before{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); content: ""; left: 0; top: 0; z-index:1;}
/* .citr-resource-part .bnr-item:after{ position:absolute; width:90%; height:100%; background-image: linear-gradient(to right, rgb(125, 13, 253), rgba(255,255,255,0)); content:""; left:0; top:0; z-index: 1;} */
.citr-resource-bnr { position: absolute; padding:0px 30px; top:50%; z-index: 8; left: 0; right: 0; transform: translateY(-50%); margin: auto; margin-top: auto; bottom: unset; width: 100%; max-width:1500px;} 
.citr-resource-bnr .citr-resource-bnrtxt{ width:50%; position: relative; padding-left:30px;} 
.citr-resource-bnr .citr-resource-bnrtxt:before{position:absolute; width:1px; height:100%; content:""; left:0; background-color:rgba(255, 255, 255, 0.6);}
.citr-resource-bnr p{ font-size: 17px; font-weight: 200; color: #fff; line-height: 22px; margin-bottom: 0;}
.citr-resource-bnr h1{ color:#fff; font-size:70px; font-weight:800; margin-bottom:5px; line-height: 1; letter-spacing: -0.90px;}
.citr-resource-bnrtxt .brdcrmp{ width: 100%;}
.citr-resource-bnrtxt .brdcrmp small{ font-size:18px; color: #fff; font-weight: 100;}
.citr-resource-bnrtxt .brdcrmp span.lnr{ color: rgba(255, 255, 255, 0.5); margin: 0px 2px; font-size: 12px;}

.resource-content{ width: 100%; background-color: #fff; margin-bottom:60px; padding: 50px 0px;}
.resource-details .resource-dtls{ width: 100%; padding: 20px 50px;}
.resource-details .resource-dtls h1{ width: 100%; color: #0662b0; font-size: 30px; font-weight:300; margin-bottom: 15px; position: relative;  padding: 0px; display: flex; align-items: center;}
.resource-details .resource-dtls p{ color: #555; font-size:18px; font-weight:200; line-height:26px; margin:10px 0px 20px; letter-spacing: -0.50px;}
/*  */

/*  */
.carr-pge-main{width: 100%;}
.carr-pge-main #whyajj{width:100%; display:flex; flex-wrap:wrap; padding:50px 0px 20px; margin:50px 0px 0px;}
.carr-pge-main #whyajj h3{margin: 0px 0px 20px; color: #242728; font-weight: 700; font-size: 40px; line-height: 34px; position: relative; padding-bottom: 20px; width: 100%;}
.carr-pge-main #whyajj h3::before { position: absolute; height: 6px; width: 60px; content: ""; left: 0; margin: 0 auto; z-index: 1; bottom: 0px; background: #7d0dfd; }
.carr-pge-main #whyajj h5{font-size: 16px; font-weight: 500; color: #555; transition: 0.4s; width: 100%; margin-bottom: 50px;}
.carr-pge-main #whyajj .whyajj-sub{ width:100%; display:grid; grid-template-columns: repeat(4, 1fr); grid-gap:70px; align-items: flex-start;}
.carr-pge-main #whyajj .whyajj-sub .whyajj-box{width: 100%; display: flex; flex-wrap: wrap; background: #eee; padding: 20px; min-height: 280px; align-content: center;}
.carr-pge-main #whyajj .whyajj-sub .whyajj-box span{ width: 100%; display: flex;}
.carr-pge-main #whyajj .whyajj-sub .whyajj-box span img{width: 100%; max-height:55px; object-fit: contain;}
.carr-pge-main #whyajj .whyajj-sub .whyajj-box h4{ width:100%; text-align:center; font-size:18px; font-weight:400; color:#142356; margin:20px 0px;}
.carr-pge-main #whyajj .whyajj-sub .whyajj-box p{ text-align:center; font-size:14px; line-height:16px; color:#444; margin-bottom: 0;}

.career-enq{ width: 100%; background-color: #fff; padding: 40px 0px 60px; margin-bottom:10px;}
.career-enq-box{ width: 100%; text-align:left;}
.shy-tit{ padding:0px 0px 30px; text-align: center;}
.shy-tit h1{ color: #222; font-size:50px; font-weight:700; margin: 0px; padding-bottom:5px;}
.shy-tit h2{ color:#333; font-size:20px; font-weight:300; padding-bottom:0px; width: 80%; margin: 0 auto;}
.shy-cnect-enq{ width:65%; background-color: #f6f6f6; border-radius: 0px; padding:40px 40px; margin: 0 auto;}
.shy-cnect-enq h2{ margin-bottom:45px; color: #333; font-size: 30px; line-height: 24px; font-weight: bold;}
.shy-cnect-frm{ width: 100%;}
.shy-cnect-frm .form-group{ position: relative; margin-bottom:15px;}
.shy-cnect-frm .form-group .form-control{ border: 0 none; border-radius:50px; position:relative; padding-left:45px; border: 1px solid rgba(0, 0, 0, 0.02); min-height:45px;}
.shy-cnect-frm .form-group .form-control:focus{ box-shadow: none;}
.shy-cnect-frm .form-group .form-control::placeholder{ color: #999; font-weight: 300;}
.shy-cnect-frm .form-group span.lnr{ position: absolute; left:20px; z-index: 1; top:15px; font-size: 16px; color: #777;}
button.btn-enq{ background-color: #db0f2a; border: 1px solid #db0f2a; display: flex; justify-content: center; align-items: center; width:auto; border-radius:50px; color:#fff; font-size:16px; font-weight:400; text-transform:uppercase; padding:8px 30px; margin-top:20px; transition: all ease-in 0.4s;}
.shy-cnect-frm button.btn-career{ background-color: #db0f2a; border: 1px solid #db0f2a; display: flex; justify-content: center; align-items: center; border-radius:50px; color:#fff; font-size:16px; font-weight:400; text-transform:uppercase; padding:8px 30px; margin-top:50px; transition: all ease-in 0.4s; margin: 40px auto; margin-bottom: 0;}
.shy-cnect-frm button.btn-career:hover{ border:1px solid #db0f2a; color:#db0f2a; background-color:transparent; transition:all ease-in 0.4s;}
.shy-cnect-frm .form-group textarea.form-control{ border-radius:20px;}


/*  */
/* About Us page*/
.abut-banner{ width: 100%; position: relative; z-index: 0; margin-bottom: 0px;}
.abut-part .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:450px; position:relative; display:flex; text-align:center;}
.abut-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; margin-top:auto; bottom:50px; width:100%; max-width:100%; padding:0px 150px;} 
.abut-banner .inr-bnr-caption h1{ color:rgba(255, 255, 255, 0.9); font-size:50px; text-align:left; font-weight:300; position:relative; margin:0px; text-transform:uppercase;}
.abut-bnr { width:100%; text-align:center;}

/* About Content */
.abt-pge { padding: 200px 0 30px 120px; }
.abt-pge h1{ color:rgba(255, 255, 255, 0.9); font-size: 30px; text-align:left; font-weight:300; position:relative; margin:0px; text-transform:uppercase; width: 90%;}

.abtwel-bg{ overflow:hidden; padding:20px 0 50px 0; position:relative;}
.abtwel-bg .max-cntr { max-width: 1600px;}
.page-bdy{ width:100%; padding:40px; background-color:#fff;}
.abtwel-bg .visn-sctn{ width:90%; margin:0 auto;}
.abtwel-bg .abtwel-main{ width:90%; margin:20px auto; margin-top:50px;}

.abtwel-main{ width:100%; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:20px;}
.abtwel-main .abtwel-lft{ width:35%; position:relative;}
.abtwel-lft .abtwel-vdo{ width: 100%; position:relative; z-index:0;}
.abtwel-lft .abtwel-vdo::after{ width:250px; height:250px; content:""; right:-58px; bottom:-58px; background-color:rgba(255, 255, 255,1); position:absolute; background:url(../images/pattern-1.png) left repeat; z-index:-1;}
.abtwel-lft .abtwel-vdo span{ display: flex; width: 100%; position: relative;}
.abtwel-lft .abtwel-vdo span img{ width:100%; max-width:100%; object-fit:cover; max-height:490px;}
.abtwel-lft .abtwel-vdo span small{ position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.abtwel-lft .abtwel-vdo span small::before{ width:100%; height:100%; content:""; left:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); position:absolute;}
.abtwel-lft .abtwel-vdo span small a i{ font-size:30px; color:rgba(255, 255, 255, 0.95); border:2px solid rgba(255, 255, 255, 0.95); border-radius: 50px; width:80px; height:80px; display:flex; align-items:center; justify-content:center; padding-left:10px;}

.abtwel-main-prt  .abtwel-rht{ width:100% !important; padding-top:0px !important;}
.abtwel-main .abtwel-rht{ width:55%; padding-top:20px;}
.abtwel-main .abtwel-rht .tit{ width:100%;}
.abtwel-main .abtwel-rht .tit h2{ margin:0px; font-weight:700; font-size:40px; color:#da291f; position:relative; display:flex; }
.abtwel-main .abtwel-rht .tit h3{ margin:0px; font-weight:300; font-size:24px; color:#383330; padding-left:50px; position:relative; display:flex; align-items:center;}
.abtwel-main .abtwel-rht .tit h3::before{ position:absolute; left:0; top:55%; background-color:#da291f; width:35px; height:1px; content: "";}
.abtwel-main .abtwel-rht .tit h5{ margin-bottom:20px; font-weight:300; font-size:22px; color:#222222; position:relative; display:flex; }

.abtwel-main .abtwel-rht .cnt{ width:100%;}

.abtwel-main .abtwel-rht .cnt h2{ margin-bottom:20px; font-weight:700; font-size:30px; color:#222; position:relative; display:flex; padding-left:50px;}
.abtwel-main .abtwel-rht .cnt p{ width:100%; font-size:16px; text-align:justify; line-height:22px; color:#333; font-weight:400; margin-bottom:20px;}
.abtwel-main .abtwel-rht .cnt ul{ margin:0; padding-left:30px;}
.abtwel-main .abtwel-rht .cnt ul li{ list-style:none; position:relative; display:flex; align-items:center; padding-left:35px; font-size:16px; font-weight:400; line-height:22px; color:#333; margin-bottom:10px;}
.abtwel-main .abtwel-rht .cnt ul li::before{ position:absolute; content:"\e87a"; font-family:'Linearicons-Free'; font-size:15px; color: #bbb; left:0; font-weight:500; top:3px;}

/* Button Animation */
.btn-animate { position: relative; animation: 1.6s playShadow ease-out infinite; transition: 0.4s; } 
.btn-animate:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; z-index: -1; pointer-events: none; transition: 0.35s; } 
.btn-animate:hover:after { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3), 0 0 0 8px rgba(255, 255, 255, 0.2); } 
@keyframes playShadow { 
 0% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3), 0 0 0 0px rgba(255, 255, 255, 0.2); transform: scale(1); } 
 18% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3), 0 0 0 0px rgba(255, 255, 255, 0.2); } 
 35% { transform: scale(1.08); } 
 76% { transform: scale(0.96); } 
 100% { box-shadow: 0 0 0 16px rgba(255, 255, 255, 0), 0 0 0 27px rgba(255, 255, 255, 0); transform: scale(1); } 
 }

/* Vision Section */
.visn-sctn{ width:100%; padding:30px 0px 50px;}
.visn-sctn .visn-main{ width:100%; display:flex; align-items:flex-start; justify-content:space-between;}
.visn-sctn .visn-main .lft{ width:50%; padding-top:50px;}
.visn-sctn .visn-main .lft h2{ margin-bottom:20px; font-weight:700; font-size:38px; color:#222; position:relative; display:flex; padding-left:50px;}
.visn-sctn .visn-main .lft h2::before{ position:absolute; left:0; top:55%; background-color:#da291f; width:35px; height:1px; content: "";}
.visn-sctn .visn-main .lft p{ width:100%; font-size:16px; margin-bottom:20px; text-align:justify; line-height:22px; color:#333; font-weight:400;}
.visn-sctn .visn-main .rht{ width:40%; position:relative; z-index:0; padding:70px 50px 40px 0px;}
.visn-sctn .visn-main .rht::before{ width:100%; height:100%; right:-30px; top:0; position:absolute; background-color:rgba(218, 41, 31,0.2); content:""; z-index:-1; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
.visn-sctn .visn-main .rht span{ display:flex; align-items:center; justify-content:flex-start;}
.visn-sctn .visn-main .rht span img{ max-width:100%; max-height:400px;}

/* Leader Modal */
.leader-modal{ width:100%; margin:20px 0px;}
.leader-modal .modal-header{ background-color:#fff; border-radius:0; padding:10px 30px; align-items: center; border-bottom:none; position:sticky; top: 0; z-index:1; flex-wrap:wrap; min-height:30px;}
.leader-modal .modal-header .btn-close{ padding:2px 0px 0px 0px; margin-right:0px; opacity:1; position:absolute; right:0px; top:20px; background:transparent;}
.leader-modal .modal-header .btn-close ion-icon{ font-size:28px; color:#444;}
.leader-modal .modal-header .btn-close:focus{ box-shadow:none;}
.leader-modal .modal-content{ border-radius:0; border:0 none; border-bottom:4px solid #e74f44; padding:10px 20px 10px 20px;}
.leader-modal .modal-dialog{ max-width:800px;}
.leader-modal .modal-dialog-centered{ align-items:center; margin:0 auto; }
.leader-modal .modal-body{ padding:0;}
.leader-modal .modal-body .mdl-frm{ width:100%;}
.leader-modal .modal-body .trnr-sctn{ width:100%; display: flex; grid-gap:20px; align-items:flex-start;}
.leader-modal .modal-body .trnr-sctn .lft{ width:30%;}
.leader-modal .modal-body .trnr-sctn .lft span{ height:180px; width:180px; margin:5px auto; overflow:hidden; border-radius:50%; display:flex; background-color:#f3f3f3;}
.leader-modal .modal-body .trnr-sctn .lft span img{ width:100%; object-fit:cover;}
.leader-modal .modal-body .trnr-sctn .rht{ width:70%;}
.leader-modal .modal-body .trnr-sctn .rht h2{ font-size:26px; font-weight:600; color:#222; margin-bottom:5px;}
.leader-modal .modal-body .trnr-sctn .rht span{ font-size:16px; font-weight:400; text-transform:uppercase; color:#888; width:100%;}
.leader-modal .modal-body .trnr-sctn .rht .trnr-box{ max-height:400px; overflow:auto; scrollbar-width:thin; scrollbar-color: #eee #fff; margin:15px 0px 20px; padding-right:15px;}
.leader-modal .modal-body .trnr-sctn .rht .trnr-box::-webkit-scrollbar { width:5px;}
.leader-modal .modal-body .trnr-sctn .rht .trnr-box::-webkit-scrollbar-track { background:transparent;}
.leader-modal .modal-body .trnr-sctn .rht .trnr-box::-webkit-scrollbar-thumb { background-color: rgba(180, 180, 180, 0.5); border-radius:20px; border:transparent;}
.leader-modal .modal-body .trnr-sctn .rht .trnr-box p{ font-size:14px; margin:10px 0px 15px; line-height:22px;}

/* Our Chairman Story */
.story-main{ width:90%; margin:0 auto;}
.story-main .story-box{ width:100%; margin:70px 0px;}
.story-box .tit{ width:100%; margin-bottom:50px;}
.story-box .tit h2{ margin-bottom:20px; font-weight:700; font-size:30px; color:#222; position:relative; display:flex; padding-left:50px;}
.story-box .tit h2::before{ position:absolute; left:0; top:55%; background-color:#da291f; width:35px; height:1px; content: "";}

.story-lst{ width:100%;}
.story-lst .bx{ width:100%; display:flex; align-items:flex-start; margin-bottom:50px; flex-direction:row-reverse; grid-gap:30px;}
.story-lst .bx .lft{ width:70%; background-color:#fff; padding:45px; box-shadow:0px 0px 20px rgba(0,0,0,0.09);}
.story-lst .bx .lft h2{ margin-bottom:20px; font-weight:600; font-size:24px; color:#da291f; position:relative; display:flex; padding-bottom:10px;}
.story-lst .bx .lft h2::before{ position:absolute; left:0; bottom:0; background-color:#ddd; width:100px; height:1px; content: "";}
.story-lst .bx .lft p{ width:100%; font-size:16px; margin-bottom:20px; text-align:justify; line-height:22px; color:#333; font-weight:400;}
.story-lst .bx .lft p:last-child{ margin-bottom:0;}
.story-lst .bx .rht{ width:30%;}
.story-lst .bx .rht span{ display:flex; position: relative;}
.story-lst .bx .rht span::before{position: absolute; content: ''; width: 100%; height: 100%; bottom: 0; right: 0; background: linear-gradient(0deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 50%); transition: 0.4s; z-index: 1;}
.story-lst .bx .rht span img{ max-width:100%; width:100%; object-fit:cover; position: relative;}
.story-lst .bx .rht span small{ position:absolute; bottom:-85px; background-color:#da291f; width:180px; height:180px; left:0; right:0; margin:0 auto; border-radius:50%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; z-index: 2;}
.story-lst .bx .rht span small em{ width:100%; display:flex; align-items: center; justify-content: center; font-style:normal; flex-wrap: wrap;}
.story-lst .bx .rht span small b{ text-align: center; color:#fff; width:100%; text-transform:capitalize; font-weight:600; font-size:18px;}
.story-lst .bx .rht span small b i{font-style: normal; text-transform: uppercase;}
.story-lst .bx .rht span small strong{ text-align: center; color:#fff; font-weight:400; font-size:16px;}

.story-lst .bx:nth-child(2n+2){ flex-direction: row-reverse;}
.story-lst .bx:last-child{ margin-bottom:0;}

/* mble app dmt */

.mble-erp-cnt ul{ margin: 20px 0px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; }
.mble-erp-cnt ul li{ list-style: none;}
.mble-erp-cnt ul li {color:#fff; display:flex; align-items: center; padding:15px 20px; border: 1px solid rgba(255, 255, 255, 0.41);
	background: linear-gradient(90deg, rgb(54, 50, 252) 0%, rgb(126, 12, 253) 100%); line-height:1.2; font-weight: 300; font-size: 14px; }
.mble-erp-cnt ul li:hover{ color: #d9261c; transition: all ease-in 0.4s;}

.mble-app-box1{ display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:80px; width:100%; padding:50px 40px;}
.mble-app-box1 .feturs-tit{ display: flex; align-items: center; background-color:#fff; padding:40px 40px; transition:all ease-in 0.4s; border-radius: 0px; box-shadow: 0px 25px 25px rgba(0,90,171,0.06); display: block;}
.mble-app-box1 .feturs-tit:hover{ background-color:#fff; box-shadow:0px 25px 25px rgba(0,90,171,0.15); transition:all ease-in 0.4s;}
.mble-app-box1 .feturs-tit:hover h2{ color: #7d0dfd; transition: all ease 0.4s;}
.mble-app-box1 .feturs-tit:hover span img{ transition: all ease 0.4s; filter: grayscale(0.5);}
.mble-app-box1 .feturs-tit span{ min-height: 90px; align-items: center; display: flex; justify-content: center;}
.mble-app-box1 .feturs-tit span img{ max-height:70px; transition: all ease 0.4s;}
.mble-app-box1 .feturs-tit h2{ color:#d9261c; display:flex; align-items: center; text-transform: uppercase; font-weight:700; font-size:18px; margin:0px; line-height: 22px; position: relative; transition: all ease 0.4s; text-align: center; justify-content: center;}


/* mble app dmt */

.oru-sol-main2{width: 90%; margin: 90px auto auto;}
.oru-sol-main2 h1{font-size: 36px; text-align: left; padding: 30px 0px 0px; color: #a4a4a4; font-weight: 300; line-height: 34px;}
.oru-sol-main2 h1 small{font-weight: 800;}
.oru-sol-main2 p { font-size: 17px; text-align: left; margin-bottom: 50px; }
.oru-sol-main2 .oru-sol-sub2{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 0px 0px 50px;}
.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box{width: 100%; background-color: #fff; display: flex; align-items: flex-start; align-content: flex-start; box-shadow: 0px 25px 25px rgba(0,90,171,0.06); flex-wrap: wrap; padding: 30px; border-radius: 0;}
.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box span{width: 100%; height: 100px; display: flex; justify-content: center; }
.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box span img{object-fit: contain; width: 100%; height: 100%; margin: 0 auto; padding: 0; max-height: 75px;}
.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box h4{width: 100%; margin-bottom: 20px; padding: 10px 0px; text-align: center; font-size: 20px; font-weight: 700; color: #d9261c;}
.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box p{width: 100%; font-size: 15px; text-align: justify; margin-bottom: 0;}

/*  */

/*Sidebar  */
.noscroll {overflow: hidden;}
.preview-open { overflow: hidden !important;}
.js .loading::before{ content:''; position:fixed; z-index:100000; top:0; left:0; width:100%; height:100%; background:var(--color-bg)}
.js .loading::after{content:''; position:fixed; z-index:100000; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; pointer-events:none; border-radius:50%; opacity:.4; background:var(--color-link); animation:loaderAnim .7s linear infinite alternate forwards}
@keyframes loaderAnim{to{opacity:1; transform:scale3d(.5,.5,1)}}
.ovelay-hidden{ position:absolute; overflow:hidden; width:0; height:0; pointer-events:none}
.overlay-close .icon{ display:block; width:1.5em; height:1.5em; margin:0 auto; fill:currentColor; cursor: pointer;}
.codrops-icon{ display:inline-block; margin:.15em; padding:.25em; }
.mnuovr-section .box{ position:relative; margin:5px}

.mnuovr-overlay{ pointer-events:none; width:100%; height:100vh; position:fixed; top:0; left:0; z-index:1000; overflow:hidden}
.mnuovr-overlay-open{ pointer-events:auto}
.mnuovr-oly .overlay-reveal{ width:100%; height:100%; top:0; left:0; background: #7d0dfd; position:absolute; z-index:100; transform:translate3d(100%,0,0);}
.mnuovr-oly .overlay-item{ width:100%; height:100vh; position:absolute; top:0; left:0; background-color:#fff; opacity:0; padding:20px 25px 25px;  text-align:justify; overflow:scroll; z-index: 0;}
.mnuovr-oly .overlay-item[style="opacity: 1;"]{ z-index: 99;}
.mnuovr-oly .overlay-item .item-pad{ padding:0px; width: 100%; height: 100%; background-color: #fff; border-radius:10px;}

.mnuovr-oly .overlay-close{ position: absolute; cursor:pointer; top:20px; right:15px; color: #333; border: 0; opacity: 0; z-index: 999; font-size:30px; background-color: transparent !important;}
.mnuovr-oly .overlay-close:hover{ top:17.2px; color: #fcaf17; transition: all ease-in 0.5s; transform: rotate(180deg);}
.mnuovr-oly .overlay-close:focus{ outline:0 }


/* Top Bar */
.sidemenu .mnushrt .mnushrt-box .mnu-top .mnu-lg .sidetop-bar{ width:100%; padding:18px 0px 15px;}
.sidetop-bar .top-bar-lnk{ text-align:right; position:relative; display:flex; align-items:center; justify-content:center; }
.sidetop-bar .top-bar-lnk small{ margin-right:20px;}
.sidetop-bar .top-bar-lnk small:last-child{ margin-right: 0;}
.sidetop-bar .top-bar-lnk span.lnr{ color:#fcaf17; font-size: 20px; padding-right:10px;}
.sidetop-bar .top-bar-lnk .tp-phone{ color: #333; font-size: 20px; font-weight:400; display: flex; align-items: center;}
.sidetop-bar .top-bar-lnk .tp-phone a{ color: #333;}
.sidetop-bar .top-bar-lnk .tp-phone a:hover{ color: #fcaf17;}
.sidetop-bar .top-bar-lnk .tp-email{ color: #333; font-size: 20px; }
.sidetop-bar .top-bar-lnk .tp-email a{ color: #333; font-weight:400; display: flex; align-items: center;}
.sidetop-bar .top-bar-lnk .tp-email a:hover{ color: #fcaf17;}

/* Menu left part */
.sidemenu .mnushrt{ width: 100%; margin-bottom:25px;}
.sidemenu .mnushrt .mnushrt-box{ width:100%; background-color: #fff;}
.mnushrt-box .mnu-top{ width: 100%;}
.sidemenu .mnushrt a{color: #222;}
.sidemenu .mnushrt a:hover{ color: #ec1064;}
.sidemenu .mnushrt .mnushrt-box .mnu-top .mnu-lg{ width:100%;}
.sidemenu .mnushrt .mnushrt-box .mnu-top .mnu-lg .mnu-logo{width:100%; padding:0px 0px 18px; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.sidemenu .mnushrt .mnushrt-box .mnu-top .mnu-lg .mnu-logo a{ display: block;}
.sidemenu .mnushrt .mnushrt-box .mnu-top .mnu-lg .mnu-logo a img{ max-height:40px;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk{ margin:4px 0px 0px; padding:20px 15px 20px; background-color: #7d0dfd; border-radius:10px 10px; border-bottom: 1px solid rgba(0,90,171,0.2);}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk .navbar{ padding: 0;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul.dropdown-menu{ background-color:transparent; padding-left:35px; width: 100%; margin-top:5px; box-shadow: none;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul.dropdown-menu li{ padding-bottom: 0; text-align:left; border: 0;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul.dropdown-menu li:before{ border-bottom: 0 none;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul.dropdown-menu li a{ cursor: pointer; display:flex; font-size:16px; font-weight:300; padding: 3px 0px 3px 15px; align-items: center; color: #fff;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul.dropdown-menu li a:hover{ background-color: transparent; color: #ed1165;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul.dropdown-menu li a:after{ position: absolute; content: ""; background-color:#fcaf17; left: -10px; opacity: 1; width: 5px; z-index: 0; height: 1px; top:18px; bottom: auto;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul.dropdown-menu li a:hover:after{ width: 16px; height: 1px;}

.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul{ padding: 0; margin: 0;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li{ list-style: none; display: block; margin-bottom:0px;transition: all ease 0.4s; position: relative;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li:before{ position: absolute; left: 0; bottom: 0; width: 92%; height: 1px; border-bottom: 1px dotted #ccc; content: ""; z-index: 1; transition: all ease 0.6s; right: 0; margin: 0 auto;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li:last-child::before{ border-bottom: none;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li:hover:before{ border-bottom: none;}

.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li a{ cursor: pointer; display:block; font-size:16px; font-weight:400; padding:10px 12px 10px; border-radius:50px; color: #fff;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li a.active{ background-color: rgba(0, 0, 0, 0.1);}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li a.dropdown-toggle::after{ margin-left:10px; color:rgba(0, 0, 0, 0.4);}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li a:hover{ color: #ec1064; background-color: rgba(0, 90, 171, 0.08);}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li a:hover span.lnr{ color: #ed1165;}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li a span.lnr{ padding-right:14px; font-size: 18px; color:rgba(255, 255, 255, 0.8);}
.sidemenu .mnushrt .mnushrt-box .mnushrt-lnk ul li::after{ position: relative; background-color: transparent;}

/*  */

/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1366px) { 
	.content-wrapper{ min-height: 600px;}
	.navbar .nav-left{ width: 23%;}
	.navbar .nav-right{ width:77%;}
	.custom-bg .max-cntr{ padding: 0;}
	.custom-colors h2{ margin: 5px 0px 5px;}
	.custom-cat h2{ margin: 5px 0px 5px;}
	.banner-img span img{ max-height:500px !important;}

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
	.navbar-dark .navbar-nav .nav-link{ margin:0px 8px; font-size: 14px; padding: 5px 8px;}
	.navbar-dark .navbar-nav .nav-link span img{ max-width: 48px;}
	.navbar .nav-left a img{ max-height: 110px;}
	.top-cartlnk{ margin: 0px 10px 0px 20px;}
	.mega-dropdown-menu{ top: 61px;}
	.mbl-menu-top{ display: none;}
	.banner-shrt { top: 45%;}
	
	.carousel-caption h4{ font-size:36px; line-height:46px;}
	.carousel-caption p{ padding-right: 150px;}
	.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link{ margin: 0px 5px; font-size: 17px;}
	.navbar .nav-left .navbar-brand img{ width: 230px;}
	.top-links .topflex .navbar-nav .nav-link{ padding: 20px 5px; font-size: 13px; margin: 0px 5px;}
	.crt-box a.crt-btn span.lnr{ font-size: 24px;}

	.header-wrapper { height: 620px; }
	.ecom-det {padding: 60px 60px;}
	.ecom-img-bg img { width: 400px; height: 400px; }
	.mpwel-box .mpwel-cont {padding: 40px 0px 50px 80px;}
	.mpwel-box .mpwel-cont h4 { font-size: 25px;}
	.mpwel-box .mpwel-cont p {font-size: 14px;}
	.mpwel-ser-slct { padding: 100px 70px 70px 70px; }
	.mpwel-ser-box span {min-height: 160px;}
	.ftr-links2 {width: 30%;}
	.ft-comp-det .ftr-lgo-rht .ft-det h1 {font-size: 14px;}
	.ftr-lnk-box h3 {font-size: 16px;}
	.ftr-lnk-box ul li a {font-size: 14px;}
	.ft-comp-det .ftr-lgo-rht .ft-det p {font-size: 14px;}
	.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-phno {font-size: 14px;}
	.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-email {font-size: 14px;}
	.abt-pge {padding: 140px 0 30px 70px;}
	.inner-wrapper1 .abtwel-bg .max-cntr { padding: 0px 70px; }
	.abtwel-main .abtwel-rht .cnt p {font-size: 14px;}
	.story-box .tit h2 {font-size: 20px;}
	.story-box .tit p {font-size: 14px;}
	.oru-sol-main2 .oru-sol-sub2 { grid-template-columns: repeat(2, 1fr); }
	.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box h4 {font-size: 16px;}
	.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box p {font-size: 14px;}
	.mble-app-box1 { grid-template-columns: repeat(4, 1fr); }
	.mble-app-box1 .feturs-tit h2 { font-size: 14px; }
	.mble-app-box1 .feturs-tit span { max-height: 50px; }
	.mble-app-box1 .feturs-tit span img { max-height: 40px; }
	.story-main .story-box { margin: 40px 0px; }
	.story-lst .bx .lft {width: 90%;}
	.abtwel-main .abtwel-rht .cnt h2 {font-size: 16px;}
	.abtwel-main .abtwel-rht .tit h2 { font-size: 25px; margin-bottom: 5px;}
	.visn-sctn .visn-main .lft h2 {font-size: 25px;}
	.visn-sctn .visn-main .lft p { font-size: 14px; }
	.citr-resource-part .bnr-item {height: 400px;}
	.carr-pge-main #whyajj {padding: 0px 0px 20px;}
	.carr-pge-main #whyajj h3 {font-size: 25px;}
	.carr-pge-main #whyajj .whyajj-sub { grid-gap: 20px; }
	.carr-pge-main #whyajj .whyajj-sub .whyajj-box h4 {font-size: 16px;}
	.shy-tit h1 {font-size: 30px;}
	.citr-contact { padding-top: 20px; }
	.citr-contact-bnr { padding: 0px 60px; }
	.citr-contact-bnr h2 {font-size: 35px;}
	.citr-contact-bnr p {font-size: 16px; line-height: 20px;}
	.citr-contact-bnr .citr-contact-bnrtxt { margin-top: 0; }
	.citr-contact-bnr .citr-contact-image {bottom: 50px;}
	.citr-contact-bnr .citr-contact-image span img { max-height: 400px; }
	.cnt-dtls .cnt-dtlsl .cnt-add h2 {font-size: 20px;}
	.cnt-dtls .cnt-dtlsl .cnt-add p {font-size: 14px;}
	.cnt-dtls .cnt-dtlsl .cnt-lnk p { font-size: 12px;}
	.cnt-dtlsr .contact-frm h2 {font-size: 25px;}
	.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-phn {font-size: 20px;}
	.exs-enq .exs-enq-frm .form-group .form-control::placeholder {font-size: 14px;}
	

}

/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px) {
	.navbar .nav-left{ width: 20%;}
	.navbar .nav-left .navbar-brand img{ width: 180px;}
	.navbar .nav-right{ width: 80%;}
	.navbar-dark .navbar-nav .nav-link{ margin: 0px 6px; padding: 5px 6px; font-size: 13px;}
	.navbar-dark .navbar-nav .nav-link span img{ max-height:45px;}
	.menu-sctn .drpcol{ padding: 20px;}
	.menu-btm-box .navbar-expand-lg .navbar-nav .nav-link{ font-size:14px; margin: 0px 3px;}
	.navbar-dark .navbar-nav .nav-link span.lnr{ font-size:16px;}
	
	.nav-rht {padding-right: 60px;}
	
	.cnt-sport .contact-box span a {font-size: 14px;}
	.navbar-dark .navbar-brand img {width: 120px;}
	.menu-btm-box {padding: 5px 0px;}
	.top-links.sticky .topflex .navbar img {max-height: 30px;}
	.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-phn {font-size: 16px;}
	.cnt-dtls .cnt-dtlsl .cnt-lnk span.cnt-mail small {font-size: 14px;}
	.carousel-indicators .slidebtn {width: 20px;}
	.carousel-indicators .slidebtn.active {width: 50px;}
	.banner-shrt { top: 45%; left: 20px; }
	.header-wrapper {height: 530px; }
	.carousel-caption h1 { font-size: 25px;}
	.carousel-caption p {font-size: 14px; margin: 5px 0px; line-height: 15px;} 
	.carousel-caption a.bnr-enqbtn {font-size: 12px;}
	.ecom-det .ecom-cnt h1 {font-size: 25px;}
	.ecom-det { padding: 40px 30px; }
	.ecom-img-bg img { width: 300px; height: 300px; }
	.ecom-list .ecom-main .ecom-box span img {max-height: 50px;}
	.ecom-list .ecom-main .ecom-box h2 {font-size: 14px;}
	.ecom-list .ecom-main .ecom-box p {font-size: 12px;}
	.mpwel-bg { padding: 0px 0 0px 0; }
	.mpwel-ser-slct { padding: 100px 30px 70px 30px; }
	.mpwel-box .mpwel-cont { padding: 80px 0px 50px 0px; width: 100%;}
	.mpwel-box .mpwel-silde {width: 100%;}
	.silde-box2 h3 {font-size: 25px;}
	.mpwel-ser-box small {font-size: 18px;}
	.mpwel-ser-box p {font-size: 14px !important;}
	.slutn-lst-main h1 {width: 100%; font-size: 25px;}
	.slutn-box h2 {font-size: 16px;}
	.slutn-box p {font-size: 13px;}
	.erp-det .erp-cnt ul li a {font-size: 12px;}
	.inr-enq-bg .exs-enq-lft {width: 50%;}
	.exs-enq {width: 50%;}
	.inr-enq-bg .exs-enq-lft h1 {font-size: 16px;}
	.inr-enq-bg .exs-enq-lft h2 {font-size: 20px;}
	.exs-enq h2 {font-size: 16px;}
	.abt-pge h1 {font-size: 20px;}
	
	.abtwel-bg .abtwel-main {margin-top: 0px; width: 100%;}
	.oru-sol-main2 {margin: 20px auto auto;}
	.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box span {height: 65px;}
	.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box span img {max-height: 65px;}
	.menu {font-size: 13px;}
	
	.citr-contact-bnr .citr-contact-image {width: 500px; bottom: 120px;}
	.citr-contact-bnr .citr-contact-image span img { max-height: 300px; }
	.contact-sctn .cnt-dtls {flex-wrap: wrap;}
	.cnt-dtls .cnt-dtls-box {width: 100%;}
	.cnt-dtls .cnt-dtlsr {width: 100%; margin-top: 30px;}

	.sidemenu-grid { position: absolute; top: 10px; right: 0px; }


}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
	.nav-rht {padding-right: 0px;}

	.header-wrapper { height: 430px; }
	.slutn-lst-main { padding: 0px 0px 0px 0px;}
	.silde-box2 h3 { font-size: 18px; }
	.slutn-lst-main h1 {  margin: 10px auto; padding: 0px 0px 10px; }
	.slutn-lst-det {margin: 30px 0px 20px;}
	.ftr-lnk-box {flex-wrap: wrap;}
	.ftr-links1 {width: 50%; margin-right: 0px; border: 0;}
	.ftr-links2 {width: 50%; margin-right: 0px; border: 0;}
	.ftr-links3 {width: 70%; margin-top: 20px;}
	.ftr-img {width: 30%;}
	.ft-copyright .cprt-lft {width: 70%;}
	.ft-copyright .cprt-rgt { width: 30%;}
	.ft-copyright .cprt-lft span {font-size: 12px;}
	.ft-copyright .cprt-lft span small {font-size: 12px;}
	.ft-copyright .cprt-rgt .scl-lnks a i {font-size: 12px;}
	
	.top-links.sticky .nav-rht {min-height: 0px;}
	.top-links.sticky { padding: 10px 30px; }
	.top-links.sticky .sidemenu-grid { top: 0px; }
	.banner-shrt { top: 35%; }
	.carousel-caption p {padding-right: 60px;}
	.mpwel-ser-prt { grid-template-columns: repeat(2, 1fr); }
	.slutn-lst-det { grid-template-columns: repeat(2, 1fr); }
	.abtwel-main {flex-wrap: wrap;}
	.abtwel-main .abtwel-lft { width: 100%;}
	.abtwel-main .abtwel-rht { width: 100%;}
	.abtwel-lft .abtwel-vdo span img {max-height: 300px; object-fit: contain;}
	.abt-pge { padding: 100px 0 10px 60px; }
	.citr-resource-part .bnr-item { height: 250px; }
	.carr-pge-main #whyajj .whyajj-sub { grid-template-columns: repeat(2, 1fr); }
	.shy-cnect-enq { width: 100%;}
	.oru-sol-main2 { width: 100%;}
	.mble-app-box1 { grid-template-columns: repeat(2, 1fr); grid-gap: 30px; padding: 0px 0px; width: 100%;}
	.story-lst .bx .lft { width: 100%; padding: 15px;}
	.mble-erp-cnt ul {margin: 0;}
	.abtwel-main .abtwel-rht .tit h2 {font-size: 16px;}


}

@media (max-width: 767px) {
	.citr-contact-bnr .citr-contact-image { width: 420px; bottom: 190px; }
	.citr-contact-bnr .citr-contact-image span img { max-height: 250px; }


}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
	
	.carousel-indicators .slidebtn.active {width: 40px;}
	.carousel-caption {padding: 20px 30px 20px 10px;}
	.carousel-caption p { display: none;}
	.carousel-caption .bnr-btns {display: none;}
	.carousel-indicators { bottom: 10%; right: 10px; }
	.carousel-caption h1 {font-size: 16px; line-height: 12px;}
	.header-wrapper { height: 190px; }
	.ecom-det { padding: 40px 0px; }
	.ecom-det .ecom-cnt {width: 100%; }
	.ecom-det .ecom-cnt h1 { font-size: 19px; margin-bottom: 0;}
	.ecom-det .ecom-cnt p {width: 100%; font-size: 14px;}
	.ecom-img-bg { top: 160px; }
	.ecom-det .ecom-cnt { margin-bottom: 280px; }
	.ecom-list .ecom-main { grid-template-columns: repeat(1, 1fr); }
	.mpwel-bg .max-cntr { padding: 0 30px; }
	.silde-box1 .sbox1-box { height: 130px; } 
	.silde-box2 h3 { font-size: 14px; }
	.mpwel-box h2 {font-size: 18px;}
	.mpwel-box .mpwel-cont {padding: 80px 0px 0px 0px;}
	.mpwel-box .mpwel-cont h4 {font-size: 16px;}
	.mpwel-box .mpwel-cont p {text-align: justify;}
	.mpwel-silde .silde-slct {padding: 20px;}
	.mpwel-ser-slct { padding: 50px 0px 50px 0px; }
	.mpwel-ser-prt { grid-template-columns: repeat(1, 1fr); }
	.mpwel-ser-box {margin-top: 30px;}
	.slutn-lst { padding: 30px 0px 30px 0px; }
	.slutn-lst-main h1 {font-size: 16px;}
	.slutn-lst-main p {width: 100%; text-align: justify;}
	.slutn-lst-det { grid-template-columns: repeat(1, 1fr); }
	.slutn-box { padding: 5px 40px; }
	.erp-det .erp-cnt ul { grid-template-columns: repeat(1, 1fr); }
	.inr-enq-main {flex-wrap: wrap; margin: 0px 0px 0px;}
	.inr-enq-bg .exs-enq-lft { width: 100%; }
	.exs-enq { width: 100%; padding: 35px 20px;}
	.exs-enq .exs-enq-frm button.btn-career { font-size: 12px;}
	.ftr-lnk-box { padding: 40px 0px 40px; justify-content: center;}
	.ftr-links1 {width: 100%; margin-bottom: 20px;}
	.ftr-links2 {width: 100%;}
	.ftr-links3 {width: 100%;}
	.ft-comp-det .ftr-lgo-rht {width: 100%; margin: 0;}
	.ftr-img {width: 50%; margin-top: 20px;}
	.ft-copyright {flex-wrap: wrap;}
	.ft-copyright .cprt-lft { width: 100%; margin-bottom: 20px;}
	.ft-copyright .cprt-rgt { width: 100%; margin-top: 20px; justify-content: center !important; display: flex;}
	.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-phno  {font-size: 12px;}
	.ft-comp-det .ftr-lgo-rht .ft-lnk .ft-email {font-size: 12px;}
	.inner-wrapper1 .abtwel-bg .max-cntr { padding: 0px 30px; }
	.page-bdy {padding: 20px;}
	.abtwel-lft .abtwel-vdo::after { right: 12px; bottom: 0;}
	.abtwel-main .abtwel-rht .tit h3 {font-size: 14px;}
	.abtwel-main .abtwel-rht .tit h2 {font-size: 16px; margin-bottom: 20px;}
	.abtwel-bg .visn-sctn {width: 100%;  padding-top: 0;}
	.visn-sctn .visn-main {flex-wrap: wrap;}
	.visn-sctn .visn-main .lft {width: 100%;  padding-top: 0;}
	.visn-sctn .visn-main .rht {width: 100%;}
	.visn-sctn .visn-main .rht::before { right: 0px;}
	.visn-sctn .visn-main .lft h2 {font-size: 18px;}
	.citr-resource-part .bnr-item { height: 180px; }
	.carr-pge-main #whyajj .whyajj-sub { grid-template-columns: repeat(1, 1fr); }
	.carr-pge-main #whyajj .whyajj-sub .whyajj-box {min-height: 220px;}
	.career-enq { padding: 10px 0px 20px;}
	.shy-tit h2 {font-size: 14px; width: 100%;}
	.shy-cnect-frm button.btn-career {font-size: 13px;}
	.citr-contact-part .bnr-item {height: 560px;}
	.citr-contact-bnr {flex-wrap: wrap; padding: 0px 30px; transform: unset; top: 0; align-content: flex-end;}
	.citr-contact-bnr .citr-contact-bnrtxt {width: 100%;}
	.citr-contact-bnr .citr-contact-image { width: 100%; bottom: 0; position: relative; }
	.cnt-dtls .cnt-dtlsl { padding: 20px 20px 0px; }
	.citr-contact-bnr h1 {font-size: 20px;}
	.citr-contact-bnr h2 {font-size: 25px;}
	.citr-contact-bnr p {font-size: 14px;}
	.cnt-dtls .cnt-dtlsl .cnt-add h2 {font-size: 16px;}
	.cnt-dtls .cnt-dtlsl .cnt-add p {line-height: 14px;}
	.cnt-dtls .cnt-dtlsl .cnt-lnk p {line-height: 14px;}
	.cont-map .contact-map-bg iframe {min-height: 250px;}
	.cnt-dtlsr .contact-frm h2 {font-size: 16px;}
	.contact-frmlnk {flex-wrap: wrap;}
	.contact-frmlnk button.btn-contact {width: 100%; font-size: 12px; margin-bottom: 10px; margin-right: 0; padding: 12px 30px 12px;}
	.contact-frmlnk button.btn-contact-cnl {width: 100%; font-size: 12px; padding: 12px 30px 12px;}
	.contact-sctn {padding: 0px 0px 40px 0px;}
	.abtwel-bg {padding: 20px 0 0px 0;}
	.abt-pge { padding: 90px 0 10px 30px; }
	.story-box .tit h2 { font-size: 16px; }
	.oru-sol-main2 .oru-sol-sub2 { grid-template-columns: repeat(1, 1fr); }
	.oru-sol-main2 .oru-sol-sub2 .sol-sub2-box span img { max-height: 50px; }
	.abtwel-lft .abtwel-vdo span img { max-height: 200px; }
	.mble-app-box1 { grid-template-columns: repeat(1, 1fr); }
	.mble-erp-cnt ul  { grid-template-columns: repeat(1, 1fr); }
	.sidetop-bar .top-bar-lnk { flex-wrap: wrap;}
	.sidetop-bar .top-bar-lnk .tp-phone { width: 100%; font-size: 14px;}
	.sidetop-bar .top-bar-lnk .tp-email { width: 100%; font-size: 12px;}
}

@media (max-width: 375px) {
	
}

/* Media Query Landscape CSS */

@media screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation : landscape){
}

@media screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation : landscape){
	
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape){
	
}

@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape){
	
}

@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape){
	
}

@media screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape){
	
}

/* Alert */
.alert { position: fixed; top:105px; right:0px; z-index: 9999; width:400px; height: auto; }
.alert-success { color:#fff; background-color:rgba(16, 170, 5, 0.85); border-color:#0ca101; font-weight:300; padding:3px 15px; margin-bottom: 15px; border-radius:50px 0px 0px 50px; transition:all 0.4s; display:flex; justify-content: space-between; align-items:center; }
.alert-success button.close { border: 0; background-color: transparent; color: #fff !important; font-size: 14px; padding:0px 5px 0px; transition: all 0.4s; }

.alert-danger { color: #fff; background-color:rgba(249, 60, 66, 0.85); border-color: #ec3840; font-weight:300; padding:3px 15px; margin-bottom: 15px; border-radius:50px 0px 0px 50px; transition:all 0.4s; display:flex; justify-content:space-between; align-items:center;}
.alert-danger button.close { border: 0; background-color: transparent; color: #fff !important; font-size: 14px; padding:0px 5px 0px; transition: all 0.4s; }

.alert-error { color: #fff; background-color:rgba(237, 28, 36, 0.85); border-color: #7d0dfd; font-weight:400; transition: all 0.4s; }
.error { color: #ec2029 !important; font-size: 13px !important; }