@import url('animate.css');


@import url('https://cdn.lineicons.com/3.0/lineicons.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;800&display=swap');
@import url('https://fonts.cdnfonts.com/css/segoe-ui-4');
/* CSS Document */

html,
body {
overflow-x: hidden;
}
body { font-family: 'Segoe UI', sans-serif;

float: left;
width: 100%;
color: #000;
background-attachment: fixed; background-size: 40%;
padding-right: 0 !important;
       -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

}
.modal-open {
padding-right: 0!important;
overflow: hidden;
}
::-moz-selection {
/* Code for Firefox */
color: #fff;
background: #1b3778;
}
::selection {
color: #fff;
background: #1b3778;
}

.btn{ box-shadow: none; outline: none;}
button{ box-shadow: none; outline: none;}

/* remember to define focus styles! */
:focus {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
}
p {
color: #000;
line-height: 22px;
font-size: 14px; font-weight: 200;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul li,
ul li a,
ol li,
ol li a {
color: #161616;
font-size: 16px;
line-height: 26px;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
:focus {
outline: none;
}
.no-padding {
padding: 0px;
}
.text-left {
text-align: left !important;
}
.mob-only {
display: none;
}
.desktop-only {
display: block;
}
.layout {
width: 100%;
background: #fff; 

overflow: hidden;
margin: 0 auto;
max-width: 100%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.desktop {
display: block;
}
.mob-view {
display: none;
}
.container{max-width: 1280px;width: 100%;}
.margin-auto{margin: auto; float: none;}
.full-width{width: 100% !important;}
.header {
/*position: fixed;*/
/*    height: auto;*/
/*    background-repeat: repeat-x;*/
/*    z-index: 999;*/
/*    width: 100%;*/
/*    background: #fff;*/
position: relative; height:auto;
  background-repeat: repeat-x; z-index: 999;padding-top:60px;
}
.header .container {
width: 100%; padding: 0px;

}
.header .attr-nav{position: absolute; right:15px; margin-right: 0px; margin-top: 15px; z-index: 9999;}
.header .attr-nav a{font-weight: bold;}

.italic{font-style: italic;}


.header nav.navbar.bootsnav ul.nav > li > a{padding-top: 10px;padding-bottom: 10px !important;padding-left: 6px;padding-right: 6px;text-transform: capitalize;font-weight: 500;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{border-top: 5px solid #1b3778;width: 360px !important;  }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu img{width: 20px; margin-right: 5px;line-height: 30px; float: left; -webkit-filter: sepia(1);
    filter: sepia(1);}

.wrap-sticky nav.navbar.bootsnav{max-width: 1360px; right:0px;background: #fff !important; margin: 0 auto;}
.wrap-sticky nav.navbar.bootsnav.sticked .navbar-brand > img{max-width: 200px;}
.wrap-sticky nav.navbar.bootsnav.sticked{padding-left: 20px; padding-right: 20px;}
nav.bootsnav.brand-center .navbar-collapse{margin-top: 20px;}
.border-bottom-clear{border-bottom: 0px !important;}
.header .top-bar{background: linear-gradient( #006cb0, #02539cd6, #0063a8, #174995ed, #005ba1);width: 100%;float: left;padding: 6px 0px 7px 0px;float: left;}


.top-bar a{ float: left; color: #fff; font-size: 13px; font-weight: 300;}
.top-bar i{margin-right:5px;font-size: 16px;/* background: rgba(0,0,0,0.3); */width: 40px;height: 40px;border-radius: 50%;text-align: center;float: left;font-size: 26px;color: #fff;line-height: 35px;}
.top-bar svg{margin-top: 12px;width: 45px;float: left;position: relative;top: -7px;}
.top-bar h3{color: #fff;margin-top: 1px;margin-bottom: 5px;}

.after::after{content:"";position: absolute;background: url(../img/after.png);width: 240px;height: 123px;right: -60px;background-size: 88% 55%;background-repeat: no-repeat;top: -13px;z-index: -1;}
.socialicon a{float: right;padding:10px 5px; font-size: 16px;}
.navbar-brand{padding:0px;padding-left: 0px;height:auto;}
.navbar-brand > img{width: 260px; }
nav.navbar.bootsnav{padding:  10px 0px  10px 0px;}
.header nav.navbar.bootsnav{ border-bottom: 0px; background: rgba(255,255,255,0.8);height: auto; border-bottom: 0px; float: left; width: 100%;}
.header nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{text-align: left;}
.inner-page .header nav.navbar.bootsnav{background: rgba(255,255,255,1);}
.header .navbar-nav > li a{color: #000 !important;  text-transform: capitalize !important; font-size: 15px;  font-weight: 400;}
.header .navbar-nav > li a:hover{ color: #1b3778 !important;  -webkit-transition: all 0.2s ease-out; 
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }

.header .navbar-nav > li.active{ color: #1b3778 !important;background-image: linear-gradient(45deg, #28299a 0%, #1c63b0 99%, #0c92d0 100%); -webkit-transition: all 0.2s ease-out; 
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; border-bottom: 2px solid #2b3990;}

.header .navbar-right .dropdown-menu{ right: auto;}
.header .navbar-nav > li.active a{color: #2b3990  !important;}
.slide-wrap {
width: 100%;
background: #ccc;
float: left;
}
.fixed-top{position:fixed;top:0px;width:100%;left:0px;background:#fff;}

.main-slider {
z-index: 99;
position: relative; 
left: 0;
bottom: 0;
right: 0; 
}
.main-slider .container {position: relative;
}
.overly{position: absolute; background: rgba(0,0,0,0.6);width: 100%; height: 100%;}
.swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;

}
.swiper-container img{width: 100%;}
.swiper-button-white{border-radius: 50%; width: 40px; height: 40px;border: 1px solid #3e4b5a; background-size:12px;display: none;}
.swiper-button-next{bottom: 20px; top: auto; left: 60px;}
.swiper-button-prev{bottom: 20px; top: auto;}
.main-slider .swiper-pagination {
right:10px; left: auto; margin:auto;
bottom: 0px !important; top: auto !important; width: fit-content;
}
.main-slider .swiper-pagination-bullet {
float: left;
background: #fff !important;
width: 30px; height: 3px;  margin-right: 8px !important;
margin: 10px; opacity: 0.6;
 left: 10px; top: auto !important; bottom: 10px; float: left;
}
.main-slider .swiper-pagination-bullet-active {
width: 50px; height: 3px; background:#064aae !important;opacity: 1 !important;
}
.main-slider .swiper-slide {}
.main-slider .gallery-top {
width: 100%;
}
.main-slider .content {height:300px;background: rgba(0, 0, 0, 0);position: absolute;margin:auto auto;float: left;width: 100%;padding:0px;z-index: 999; top:30%;}


.exp-btn-wrap{position: relative; margin-top: 40px;margin-right: 15px; float: left;width: 100%;text-align: center;}
.exp-btn{width:160px;border:1px solid #F15D51;font-size:14px;padding:2px 2px; color:#fff ;line-height:22px;position:relative;overflow:hidden; border-radius: 40px;text-align: center; font-weight: 300; display: inline-block; line-height: 30px;}
.exp-btn-wrap .wh{background: rgba(255,255,255,0.1) !important; color: #fff; border: 0px; }
.exp-btn-wrap span{background: #ee2025; color: #fff;text-align: center; border-radius: 50%; width: 30px; height: 30px; float: right;}
.exp-btn:hover{color:#fff}
.exp-btn:hover:after{left:0rem}
.main-slider .content h1 {font-size:40px;font-weight: bold;color: #fff;margin-bottom:0px;line-height: 50px; margin-bottom: 20px;text-transform: capitalize;text-align: left;
}
.main-slider .content h2{   background: -webkit-linear-gradient(#fff, #ccc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; text-align:center; text-transform: capitalize;font-size:4vh;line-height:40px; font-weight: bold; text-transform: uppercase;}
.main-slider .content h2 span{width: 100%; float: left; margin-top:35px; font-size:3vh; font-weight: 300; }
.main-slider .content h3{color: #000 text-align: center; font-size: 16px; line-height: 20px;}
.main-slider .content h1 span{font-size: 22px; width: 100%; float: left;}
.main-slider .content p {
font-size: 16px; 
color: #fff;margin-top: 5px; float: left;text-align: center;width: 100%; 
}
.main-slider .content a.quote-btn {
border: 1px solid #fff;
padding: 15px;
font-weight: 600;
float: none;
color: #fff;
text-transform: uppercase;
}


.header nav.navbar.bootsnav ul.nav > li > a.active{color: #1b3778 !important;}
.header nav.navbar.bootsnav ul.nav > li > a i{font-size: 18px;}

.home-top-one {padding:2em 0px;background: #fbfbfb;position: relative;  float: left;width: 100%;}
.home-top-one .exp-btn{width: 100%; background: #dddddd; font-weight: 600;float: right;}
.home-top-one .exp-btn:hover{background: #1b3778;}
.home-brands h2{font-size: 15px; font-weight:bold; color: #fff; font-weight: 400; text-transform:capitalize;  position: relative; text-align:center;width: 100%;}
.home-brands  li a{text-align: center;width: 100%;float: left;}
.home-brands i{background: rgba(0,0,0,0.2);padding: 15px; border-radius: 16px; margin: 0 auto;    display: inline-block; }
.home-brands img{ }

.home-brands p{color: #fff; font-size: 12px;text-align: center;line-height: 18px;}

.home-welcome{padding: 5em 0px; background:url(../img/hbg.jpg) right center;background-repeat: no-repeat; float: left; width: 100%;}
.home-welcome h2{font-size: 28px; font-weight: bold; color: #000;line-height: 36px;text-transform: uppercase;position: relative;margin-bottom: 10px;padding-bottom: 10px;}
.home-welcome h2::after{content:"";position: absolute; left: 0px; bottom: 0px; background: #000; width: 160px;height: 3px;}
.home-welcome p{font-size: 16px;line-height: 26px; margin: 10px 0px;text-align: justify;}
.home-welcome a{color: #042892; float: left;}
.home-welcome .exp-btn-wrap{margin-top: 10px; margin-bottom: 10px;}
.home-welcome .exp-btn-wrap .wh{border: 1px solid #000; color: #000 !important;}
.home-solution{float: left; width: 100%;background:#fff;padding: 4em 0px; }
.home-solution h2{font-size: 36px; font-weight: bold;line-height: 20px; color: #050607; text-transform: uppercase;margin: 15px 0px 15px 0px;padding-bottom: 15px;position: relative;}
.home-solution h2::after{content: "";position: absolute; width: 120px; height: 3px;background: #ee2025;left: 0px;bottom: 0px;}
.home-solution h2 span{background: -webkit-linear-gradient(#2c5aff, #02d1ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.home-solution p{font-size: 16px; color: #050607;line-height: 26px; text-align: justify;}
.home-solution h4{font-size: 18px; color: #fff; line-height: 26px; font-weight: 600;margin-bottom: 10px;color: #efefef;}
.solutionbox{background: #ee2025;padding: 20px; width: 100%; box-shadow: 0 1px 2px 0 rgb(153 161 170 / 55%);border-radius: 6px;margin: 25px 0px;}
.solutionbox h3{font-size: 20px; color: #fff; text-transform: uppercase;font-weight: bold;margin-bottom: 10px;}
.solutionbox p{font-size: 16px; color: #fff;}
.himage{text-align: center;}
.himage img{max-width: 360px; }


.home-experts{ float: left; padding: 4em 0px; width: 100%;}
.home-experts img{border-radius:12px;}
.home-experts h2{font-size: 4vh;text-transform: uppercase; line-height: 30px; font-weight: bold;}
.home-experts h3{font-size:3vh;text-transform: uppercase; line-height: 30px; color: #042892;font-style: italic;margin: 15px 0px;font-weight: bold;}
.home-experts p{font-size: 13px; color: #000;line-height:18px;text-align: justify;}

.home-points{float: left;width: 100%;background: url(../img/midbg.jpg) right center;padding: 3em 0px; height: 500px; background-size: 100%;}
.home-points h2{font-size: 30px; line-height: 40px; font-weight: bold;margin: 15px 0px;font-style: italic;}
.home-points h2 span{color: #042892;}
.home-points h3{font-size: 16px; background: rgba(255,255,255,0.4); padding:15px 20px; border-radius: 22px; font-weight: 400;float: left; }
.point1{position: absolute;right: 0px;}
.point2{position: absolute;right: 35%; margin-top: 8%;}
.point3{position: absolute;right: 10%; margin-top: 20%;}

.home-service{float: left; width: 100%;background:url(../img/home-bg2.jpg); background-size: 100%; padding: 3em 0px  5em 0px; }
.home-service h2{font-size:18px;color: #00dddc; text-transform: uppercase; margin: 15px 0px 15px 0px; font-weight: bold;}
.home-service p{font-size: 18px; color: #fff; line-height: 24px; margin-bottom: 25px;}

.servicelist{}
.servicelist li{padding: 10px; }

.servicelist li p{font-size: 15px; line-height: 22px;text-align: justify;}
.servicelist li a{background: rgb(0 0 0 / 50%);backdrop-filter: blur(5px); padding: 20px; border-radius: 12px;     border: 1px solid #434343; float: left; width: 100%;height: 360px;}
.servicelist li h3{font-size: 18px; line-height: 22px;color: #fff; text-align: left; font-weight:bold;text-transform: uppercase;}
.servicelist li img{max-width: 70px;    margin: 10px 0px 10px 0px;}
.home-products{float: left; width: 100%;background: #fff; float: left; padding: 3em 0px;}
.home-products h4{font-weight: 400; text-transform: uppercase;margin: 10px 0px;}
.home-products h2{font-size:26px; line-height: 32px; font-weight: bold;color: #000 ;text-transform: uppercase;margin: 15px 0px;position: relative;padding-bottom: 10px; margin-bottom: 10px;}
.home-products h2::after{content:""; position: absolute;width: 120px; height: 3px; background: #000;left: 0px; bottom: 0px;}
.product-list li{ padding: 15px 15px; }
.product-list li a{margin-bottom: 15px;background: #fff; border: 1px solid #ccc;padding: 15px;backdrop-filter: blur(5px);height: 280px;border-radius: 10px;position: relative; float: left;}
.product-list p{font-size: 14px; line-height: 20px;text-align: justify;color: #000;}
.product-list ul li{font-size:16px; line-height: 18px;text-align: justify;padding: 0px; font-weight: 300;height: auto !important; color: #fff;}
.product-list h3{position: relative;bottom: 0px; font-weight:bold; font-size: 18px; text-transform: uppercase; width: 100%;color: #000;padding: 10px 0px; border-radius: 0px 0px 10px 10px;left: 0px;}
.product-list ul li::after{display: none;}
.product-list li img{max-width: 180px;}
.more{width: auto; border-radius: 22px; font-size:13px;border: 2px solid #ccc;float: right;padding: 3px 20px;position: absolute; bottom: 15px; right: 15px; font-weight: 400; transition: 0.3s;}
.more i{margin-left: 10px;}
a:hover .more{padding: 3px 40px 3px 20px;background: #ee2025;color: #fff; border: 2px solid #fff;}

.servicelist .more{color: #fff; border-color: #fff;}
.servicelist .more:hover{background: #ee2025;}

.inner-banner{background: #ee2025;text-align: left; text-transform: uppercase;padding: 40px;font-size: 22px;position: relative;}

.inner-banner h2{font-size: 26px; text-transform: uppercase;font-weight: bold; color: #fff;position: relative;z-index: 99;}
.inner-banner p{color: #fff; position: relative;z-index: 99;}


.contact-banner{background: url(../img/inner-banner.jpg) bottom center;text-align: center; text-transform: uppercase;padding: 100px;font-size: 22px;position: relative;}
.contact-banner::after{content: "";position: absolute;background: rgba(0,0,0,0.5);width: 100%;height: 100%; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; z-index: 1;}
.contact-banner h2{font-size: 32px; text-transform: uppercase;font-weight: bold; color: #fff;position: relative;z-index: 99;}
.contact-banner p{color: #fff; position: relative;z-index: 99;}

.foot-contact h2{color: #fff;text-align: center; font-size:33px; font-weight: bold;line-height: 36px;}
.foot-contact .exp-btn-wrap{margin-top: 10px !important;margin-bottom: 10px;}
.foot-contact .wh{    background: rgba(255,255,255,0.9) !important; color: #000 !important;}
.footer{width: 100%; padding:3em 0px 0em 0px; float: left;background: #fafafa;}
.footer h3{font-weight:600;}
.footer ul {margin-bottom:10px;margin-top:5px;}
.footer ul li a{font-size:13px;}
.footer h2{text-align: center;font-size: 30px; color: #fff;line-height: 36px;}
.foot-social h3{text-align: left; color: #fff; margin: 15px 0px; color: #000;}
.foot-social{text-align: left;padding: 0em 0px;}
.foot-social i{color: #000;font-size: 16px;margin-right: 10px;}
.footer .bl{position:relative;border-left: 1px solid #000;height: 210px;}
.flogo{margin-top:60px; float:left;}
.flogo img{max-width:180px;}
.footer .bl::after{content:"";position:absolute;}
.foot-menu{width: 100%; float: left; padding:1em 1em 1em 0em;}
.foot-menu h2{font-size: 16px;text-transform: uppercase; color: #000;text-align: left;}
.foot-logo{max-width: 200px;}
.footer-bottom{width: 100%; float: left; padding: 10px 0px;text-align: center;margin-top: 20px;border-top: 1px solid #ccc;}
.foot-menu h3{text-transform: uppercase; font-size: 18px; margin-bottom:5px 0px; padding: 5px 0px; border-bottom: 1px solid #ccc;width: 100%;}
.foot-menu a{font-weight: 300; margin-bottom: 10px; font-size: 13px;}
.foot-menu p{font-weight: 300; margin-bottom: 10px; font-size: 13px;line-height: 22px;color: #fff;}

.newsletter label{width:100%;font-size:13px; float:left;}
.newsletter input{width:60%; float:left;border:0px; border-bottom:1px solid #000;padding:15px 0px;background:none;}
.newsletter .nssubmit{border:1px solid #000;padding:10px 20px; color:#000;background:none; margin-top:10px;}
.content-area{padding: 2em 0px; float: left; width: 100%;}

.mt-about h2{font-size: 26px;text-transform: uppercase;margin-bottom: 10px;padding-bottom: 10px;position: relative; font-weight: bold;}
.mt-about h2::after{content: ""; position: absolute; bottom: 0px; width: 120px;background:#ee2025;height: 3px;left: 15px;}
.mt-about p{text-align: justify; margin-bottom: 15px; font-size: 14px; line-height: 24px;} 
.mt-about img{ border-radius: 12px;}

.contact-form{    box-shadow: 0 20px 48px 0 rgb(153 161 170 / 25%);padding: 35px;    border-radius: 6px;}
.contact-form h2{font-size: 22px; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 10px;position: relative;}
.contact-form h2::after{content: "";position: absolute;width: 100px;height: 2px;background: #000;left: 0px; bottom: 0px;}
.contact-form input{width: 100%; box-shadow: none; border-radius: 10px;padding: 14px 10px;border: 1px solid #ccc;margin: 10px 0px; font-weight: 300; font-size: 13px;}
.contact-form select{width: 100%; box-shadow: none; border-radius: 10px;padding: 14px 10px;border: 1px solid #ccc;margin: 10px 0px; font-weight: 300; font-size: 13px;}
.contact-form textarea{width: 100%; box-shadow: none;height: 80px; border-radius: 10px;padding: 10px 10px;border: 1px solid #ccc;margin: 10px 0px; font-weight: 300; font-size: 13px;}
.contact-form input[type="submit"]{background: rgb(30,101,167);background: linear-gradient(90deg, rgb(27 55 120) 0%, rgb(31 70 153) 100%);border: 0px;color: #fff;text-transform: uppercase;font-weight: bold;}


.contact-info{background-color: #fff;border-radius: 6px;padding:15px;box-shadow: 0 20px 48px 0 rgb(153 161 170 / 25%);margin-bottom:25px;float: left;width: 100%;height: 140px;text-align: center;}
.contact-info .title{font-size: 16px;color: #000;text-align: left;margin-bottom: 5px; text-transform: uppercase;margin-bottom: 10px; padding-bottom: 10px;position: relative;}
.contact-info i{font-size: 22px;margin-bottom: 10px;padding: 15px;border-radius: 50%;color: #000;border: 1px dashed #000; }
.contact-info .title::after{content: "";position: absolute;width: 100px;height: 2px;background: #000;left: 0px; bottom: 0px;}
.contact-info p{font-size: 13px;color: #000;font-weight: 300;margin: 2px 0px;line-height: 20px;text-align: left;}
.contact-info a{margin: 2px 0px;color: #000;font-size: 13px;font-weight: 300;line-height: 18px;text-align: center;}
#map-canvas {height: 580px;margin: 0;padding: 0;width: 100%;background: #ccc;float: left;border-radius: 22px;box-shadow: 0 20px 48px 0 rgb(153 161 170 / 25%);}
        .gm-style .gm-style-iw{line-height: 20px; color: #000;}
.gm-style .gm-style-iw h1{text-transform: uppercase; font-weight: 600; font-size: 13px; margin-bottom: 0px; line-height: 10px;float: left; color: #000;}

.phone-number{line-height: 24px;}


.service-page{width: 100%; float: left;}
.simg{width: 100%; float: left;}
.simg img{width: 100%; border-radius: 12px; float: left;}
.service-page ul li{margin-bottom: 25px;position: relative; float: left;}
.service-page ul li a{box-shadow: 0 20px 48px 0 rgb(153 161 170 / 25%); float: left;width: 100%;position: relative;border-radius: 12px;}
.service-page ul li h2{text-align: center; color: #fff; text-transform: uppercase; font-weight: 400; margin: 10px 0px; font-size: 16px;}

.stext{position: absolute;bottom: 0px;left:0px;background: rgb(0 0 0 / 50%);border-radius: 12px;padding: 5px 25px;backdrop-filter: blur(5px);width: 100%; color: #fff;}
.stext i{background: rgb(30,101,167); background: linear-gradient(90deg, rgba(30,101,167,1) 0%, rgba(19,74,150,1) 100%);color: #fff;width: 50px;height: 50px;text-align: center;border-radius: 50%;line-height: 51px;float: right;position: absolute;top: 5px;right: 5px;}

.sover{position: absolute;padding:25px;width:92.5%; height: 100%;background: rgb(0 0 0 / 50%); backdrop-filter: blur(5px);border-radius: 12px;display: none;-}
.sover p{color: #fff; line-height: 16px; font-size: 13px; text-align: center;}
.sover .exp-btn-wrap{margin-right: 5px;}
.sover .exp-btn{text-transform: uppercase;background: rgba(255,255,255,1); color: #000;position: relative;z-index: 9; font-size: 13px;border-radius: 22px;}
.sover .exp-btn:hover{color: #fff;}
.sover h2{font-size: 22px !important;}
.service-page ul li:hover .sover{display: block;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.home-cruise-packages  ul li:hover .sover{display: block;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}


.careerpage{padding: 3em 0px; float: left; width: 100%;}
.career-form{box-shadow: 0 20px 48px 0 rgb(153 161 170 / 25%);padding: 35px;    border-radius: 30px;}
.career-form h3{font-size: 26px;text-transform: uppercase;margin-bottom: 10px;padding-bottom: 10px;position: relative; font-weight: bold;}
.career-form input{width: 100%; box-shadow: none; border-radius: 10px;padding: 14px 10px;border: 1px solid #ccc;margin: 10px 0px; font-weight: 300; font-size: 13px;}
.career-form select{width: 100%; box-shadow: none; border-radius: 10px;padding: 14px 10px;border: 1px solid #ccc;margin: 10px 0px; font-weight: 300; font-size: 13px;}
.career-form  textarea{width: 100%; box-shadow: none;height: 80px; border-radius: 10px;padding: 10px 10px;border: 1px solid #ccc;margin: 10px 0px; font-weight: 300; font-size: 13px;}

.career-form .send-btn{background: rgb(30,101,167); background: linear-gradient(90deg, rgba(30,101,167,1) 0%, rgba(19,74,150,1) 100%); border: 0px;color: #fff;text-transform: uppercase;width: 100%;padding: 10px;}
.uc {padding: 20px;margin-top: 20px;border: 1px solid #ccc; border-radius: 12px;}

.uc h2{text-align: center;padding: 20px; text-transform: uppercase; font-size: 22px; }


.servicedesc h2{font-size: 16px;font-weight: bold;text-transform: uppercase;margin: 5px 0px;text-align: left; padding-bottom: 10px; margin-bottom: 10px;position: relative;}
.servicedesc h2::after{content: "";position: absolute; bottom: 0px; width: 100px; height: 2px; border-radius: 12px; background: #000; left: 0px;}
.servicedesc{text-align: left;}
.servicedesc h3{font-size: 14px;font-weight: 400; line-height: 24px; margin: 0px 0px  15px 0px;}
.servicedesc ul li{font-weight: 300;font-size: 13px;padding-left: 12px;position: relative;line-height: 21px;text-align: left;}
.servicedesc ul li::after{content:"";position: absolute;width: 8px;height: 8px;border-radius: 50%;background:#000;left: 0px;top: 6px;}
.sbox{padding: 15px 20px; box-shadow: 0 6px 12px 0 rgb(153 161 170 / 20%); float: left; width: 100%; height: 220px; margin-bottom: 25px;} 
.sbox4{padding: 15px 20px; box-shadow: 0 6px 12px 0 rgb(153 161 170 / 20%); float: left; width: 100%; height: 240px; margin-bottom: 25px;} 
.servicedesc p{font-size: 14px;line-height: 23px; text-align: justify;}


.servicedesc2 h2{font-size: 18px;font-weight: bold;text-transform: uppercase;margin: 5px 0px;text-align:left; padding-bottom: 10px; margin-bottom: 15px;position: relative;line-height: 20px;}
.servicedesc2 h2::after{content: "";position: absolute; bottom: 0px; width: 100px; height: 4px; border-radius: 12px; background: #000; left: 0px; right: auto; margin: auto;}
.servicedesc2{text-align: left;}
.servicedesc2 p{font-size:15px; line-height:24px;}
.servicedesc2 h3{font-size: 16px;font-weight: 300; line-height: 24px; margin: 0px 0px  15px 0px;text-align:left;}
.servicedesc2 ul {margin-bottom:15px;}
.servicedesc2 ul li{font-weight: 300;font-size: 15px;padding-left: 12px;position: relative;line-height: 24px;text-align: left;}
.servicedesc2 ul li::after{content:"";position: absolute;width: 8px;height: 8px;border-radius: 50%;background:#000;left: 0px;top: 6px;}
.servicedesc2 img{width: 80px; margin-bottom: 15px;}
.servicedesc2 .sbox{height: 400px;text-align:left;}
.servicedesc2 .sbox h2{font-size: 16px;margin-bottom: 10px !important;}
.servicedesc2 .sbox p{font-size: 13px;line-height: 20px;}



.servicedesc3 h2{font-size: 18px;font-weight: bold;text-transform: uppercase;margin: 5px 0px;text-align:left; padding-bottom: 10px; margin-bottom: 15px;position: relative;line-height: 20px;}
.servicedesc3 h2::after{content: "";position: absolute; bottom: 0px; width: 100px; height: 4px; border-radius: 12px; background: #000; left: 0px; right: 0px; margin: auto;}
.servicedesc3{text-align: left;}
.servicedesc3 h3{font-size: 16px;font-weight: 300; line-height: 24px; margin: 0px 0px  15px 0px;text-align: left;}
.servicedesc3 ul li{font-weight: 300;font-size: 13px;padding-left: 12px;position: relative;line-height: 21px;text-align: left;}
.servicedesc3 ul li::after{content:"";position: absolute;width: 8px;height: 8px;border-radius: 50%;background:#000;left: 0px;top: 6px;}
.servicedesc3 img{width: 100px;}
.servicedesc3 .sbox{height: 300px;text-align:center;}
.servicedesc3 .sbox h2{font-size: 16px;margin-bottom: 10px !important;text-align: center;}
.servicedesc3 .sbox p{font-size: 13px;line-height: 20px;}


.servicedesc4 h2{font-size: 18px;font-weight: bold;text-transform: uppercase;margin: 5px 0px;text-align:left; padding-bottom: 10px; margin-bottom: 10px;position: relative;line-height: 20px;margin-top:10px;float:left; width:100%;}
.servicedesc4 h2::after{content: "";position: absolute; bottom: 0px; width: 100px; height: 4px; border-radius: 12px; background: #000; left: 0px; right: auto; margin: auto;}
.servicedesc4{text-align: left;}
.servicedesc4 h3{font-size: 16px;font-weight: 300; line-height: 24px; margin: 0px 0px  15px 0px;text-align:center;}
.servicedesc4 h4{font-size: 15px;font-weight: 400; line-height: 22px; margin: 0px 0px  5px 0px;text-align:center;}
.servicedesc4 ul li{font-weight: 300;font-size: 13px;padding-left: 12px;position: relative;line-height: 21px;text-align: left;}
.servicedesc4 ul li::after{content:"";position: absolute;width: 8px;height: 8px;border-radius: 50%;background:#000;left: 0px;top: 6px;}
.servicedesc4 img{width: 150px; margin-bottom: 0px;}
.servicedesc4 .sbox{height:200px;text-align:center;}
.servicedesc4 .sbox h3{font-size: 14px;margin-bottom: 10px !important;line-height: 20px;}
.servicedesc4 .sbox p{font-size: 13px;line-height: 20px;}
.sbox2{padding: 15px 20px; box-shadow: 0 6px 12px 0 rgb(153 161 170 / 20%); float: left; width: 100%; height: 220px; margin-bottom: 25px;} 
.servicedesc4 .sbox2{height:350px;text-align:left;}
.servicedesc4 .sbox2 img{width: 80px !important;}
.servicedesc4 .sbox2 h3{font-size: 14px;margin-bottom: 10px !important;line-height: 20px;font-weight: 600; text-transform: uppercase; text-align: left;}
.servicedesc4 .sbox2 p{font-size: 13px;line-height: 20px;text-align: justify;}


.smainbox{width: 100%; margin-bottom: 25px; float: left; box-shadow: 0 1px 2px 0 rgb(153 161 170 / 20%);padding: 25px; background: #fafafa;}
.smainbox h3{font-size: 16px;margin-top: 60px; font-weight: 300;line-height: 30px;}
.smainbox h4{font-size: 16px;margin-top: 60px; font-weight: 300;line-height: 24px;}
.smainbox h3 span{color: #002793; font-style: italic; font-weight: bold;}


.smainbox2{width: 100%; margin-bottom: 25px; float: left; box-shadow: 0 1px 1px 0 rgb(153 161 170 / 40%);padding: 0px; background: #fafafa;}
.smainbox2 img{float: left;}
.smainbox2 ul{padding:30px 25px; float: left; width: 100%;}
.clist li{width: 100%;padding: 10px 0px;border-bottom: 1px solid #efefef;padding-left: 25px !important;font-weight: 500 !important;}
.clist li::after{content: "\ea6c" !important;font-family: 'LineIcons';width: auto;height: auto;background: none !Important;font-size: 20px;top: 10px !important;color: #3a9bd8;}

.col-3{width: 20%; float: left;padding-right: 15px;padding-left: 15px;}
.featuressection{padding: 15px; background: #fafafa; margin-top: 15px; float: left;}
.featuressection p{text-align: justify;}
.featuressection img{max-width: 100px;}
.featuressection h4{text-transform: uppercase;}
.featuressection .fbox{text-align: center;margin-top:40px;}


.featuressection2{padding:0px; background: #e4e4e2; margin-top: 15px; float: left;}
.featuressection2 p{text-align: justify;padding:50px 25px;}
.featuressection2 img{max-width: 100%;}

.jc-features h3{float: left; font-size: 14px; text-align: left; width: 100%;margin-bottom:0px; text-transform: uppercase; font-weight: bold;}
jc-features p{text-align: justify!important;}



.featuressection3{padding:0px; background: #e9f3ff; margin-top: 20px; float: left;}
.featuressection3 p{text-align: justify;padding:34px 25px;}
.featuressection3 img{max-width: 100%; float: left;}

.clientpage ul li{width: 15.6666%; float: left;margin: 10px 0.5%;padding: 10px; border: 1px solid #efefef;}
.clientpage ul li img{width: 100%;}
.ticons{text-align: left;
    padding: 10px 0px;
    border-bottom: 1px dashed red;
    margin-bottom: 10px;
    min-height: 160px;
}
.ticons img{margin-bottom:5px;}
.ticons h3{font-size:15px;text-transform:capitalize;text-align:left;font-weight:600;line-height:18px;}
.text p{font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
    text-align: left;}
.hubnetx .featuressection .fbox{margin-top:0px;}
.hubnetx .featuressection{margin-bottom:15px;}
/* -------------------------------- 

Main components 

-------------------------------- */
@media (min-width: 1600px) {
    .inner-banner .overlay{margin: 0 auto; padding-left: 15px;}
.main-slider .gallery-top {
    width: 100%;
}
 
 

}
@media only screen and (min-width: 1600px) {
.home-section-five .container {
    width: 100%;
    padding: 0px;
    max-width: 100%;
}
.footer .foot-area .container {
    max-width: 90%;
}
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1280px) {
.content-wrap {
    width: 100%;
}
        .tat-gallery-box{height: auto;}
    .swiper-container{height: 472px !important; }
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1024px) {
#nav > ul > li > a {
    font-size: 9px;
}
    
    .content-wrap {
    width: 100%;
}
    .swiper-container{height: 385px;}
    .timing-wrap{height: 420px;}
.content-area .product-list {
    height: auto;
}
.content-area .product-list ul li {
    width: 76%;
    padding: 0px;
    height: 300px;
    float: none;
    margin: 0 auto;
}
.header .top-bar .menu ul li a {
    font-size: 10px;
}
.header .logo-bar .right {
    width: 92%;
}
.header .logo-bar .right {
    
    
}    
    
}
@media screen and (max-width: 773px) {
    .header .container{width:96%;}
.col-3{width: 50%; float: left;}
    .featuressection .fbox{text-align: center;margin-top:15px;}
    .clientpage ul li{width: 24%; float: left;margin: 15px 0.5%;padding: 10px; border: 1px solid #efefef;}
    nav.navbar.bootsnav .navbar-toggle{top:8px; margin-top:0px;}
    .main-slider .content h2{font-size:22px;line-height:26px;}
   .main-slider .exp-btn-wrap{display:none;}
   .home-welcome{background:#fafafa;}
   .home-welcome p{line-height:22px;}
   .home-solution h2{font-size:26px;line-height:30px;}
   .himage{display:none;}
   .servicelist li a{height:auto; }
   .bl{border-left:0px !Important;width:100%;    height: auto;
    float: left;}
    .flogo{margin-top:10px;margin-bottom:10px;}
    .newsletter input{width:100%;}
    .ticons{height:auto;}
}


@media screen and (max-width:667px) {
    
}

@media screen and (max-width:480px) {
    .swiper-slide img{width: 100% !important; height: auto;}
}
@media screen and (max-width:320px) {
    
    .navbar-brand img{max-width: 240px;;float:left;}
}