@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

body{ padding:0; margin:0; font-size:14px; color:#6a6a6a; font-family: 'Poppins', sans-serif; letter-spacing:0.3px; overflow-x:hidden;}
a, button{outline:none !important; text-decoration:none;
-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; color:#383838;}
input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}
.container{ width:90%; max-width:1170px; margin:0 auto; padding:0;}

p{ font-size:14px; color:#6a6a6a; line-height:22px;}

h2.title{ margin-bottom:40px; font-size:42px; color:#383838; font-weight:300; text-align:center;}

.info_line{ margin:0 auto 70px; font-size:18px; color:#6a6a6a; text-align:center; width:100%; max-width:950px; line-height:23px;}

.btn{ min-width:270px; margin:0; padding:16px 20px; font-size:20px; font-weight:600; color:#00aeef; text-transform:uppercase; border:2px solid #00aeef; border-radius:50px; display:inline-block; text-align:center;}
.btn:hover{ background:#00aeef; color:#fff;}
.btn-bg{ background:#00aeef; color:#fff;}
.btn-bg:hover{ background:#fff; color:#00aeef; border-color:#fff;}

/***********  Top Part  ************/
header{ width:100%; float:left; padding:21px 0 10px 0; margin:0; position:absolute; z-index:999;}

.top_head{ width:100%; float:left; padding:0; margin:0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.top_social{ margin:0; padding:0; float:right;}
.top_social li{ margin:0 0 0 15px; padding:0; float:left; font-size:14px;}
.top_social li a{ color:#fff;}
.top_social li a:hover{ color:#00aeef;}

.nav_sec{ width:100%; float:left; padding:7px 0 0 0; margin:0;}
.nav_sec .navbar-brand{ margin:0; padding:0; width:275px;}
.nav_sec .navbar-brand img{ width:100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.nav_sec .navbar{ padding:0;}
.nav_sec .navbar-light .navbar-nav .nav-item{ margin:0 0 0 30px; padding:0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ padding:8px 0; font-size:16px; color:#fff; text-transform:uppercase; font-weight:500;}
.nav_sec .navbar-light .navbar-nav .nav-link:hover, .nav_sec .navbar-light .navbar-nav .nav-link:focus, .nav_sec .navbar-light .navbar-nav .show > .nav-link, .nav_sec .navbar-light .navbar-nav .active > .nav-link, .nav_sec .navbar-light .navbar-nav .nav-link.show, .nav_sec .navbar-light .navbar-nav .nav-link.active{ color:#00aeef; border-color:#00aeef;}

.nav_sec .dropdown-menu{ margin-top:0; border-radius:0; box-shadow:0 0 12px rgba(0,0,0,0.1); border:none;}
.nav_sec .dropdown-item{ padding:7px 20px; font-size:16px;}
.nav_sec .dropdown-item:hover, .nav_sec .dropdown-item.active{ background:#00aeef; color:#fff;}

/*** ***/
.nav_sec .dropdown-menu{ margin-top:0;}
.nav_sec .dropdown-item.dropdown-toggle{ position:relative;}
.nav_sec .dropdown-item.dropdown-toggle:after{ position:absolute; right:10px; top:50%; transform:translateY(-50%) rotate(90deg); transition:all .4s ease-in-out;}
.nav_sec .navbar-light .navbar-nav>li.dropdown ul>li:hover>.dropdown-toggle:after{ transform:translateY(-50%) rotate(0);}

@media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after{
		border-top: .3em solid transparent;
	    border-right: 0;
	    border-bottom: .3em solid transparent;
	    border-left: .3em solid;
	}
	.dropdown-menu .dropdown-menu{
		margin-left:0; margin-right: 0;
	}
	.dropdown-menu li{
		position: relative;
	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
    .nav-item>.dropdown-menu{ 
		display: none;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
    .nav-item:hover>.dropdown-menu{ 
		display: block;
	}
}

/*** Mobile menu css start ****/
body.offcanvas-active{overflow:hidden;}
.btn-danger{ background:#f26722; position:absolute; top:0; right:0;}
.offcanvas-header{ display:none; }
.screen-overlay { width:0%; height: 100%; z-index: 999; position: fixed; top: 0; left: 0; opacity:0; visibility:hidden; background-color: rgba(34, 34, 34, 0.6); transition:opacity .2s linear, visibility .1s, width 1s ease-in;}
.mobile-offcanvas.show~.screen-overlay{ transition:opacity .5s ease, width 0s; opacity:1; width:100%; visibility:visible;}
/*** Mobile menu css end ***/

header.sticky{ padding:7px 0 14px; position: fixed; background:#0c2e6b; -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); border:none; animation:slide-down 0.7s;}
header.sticky .navbar-brand{ width:230px;}
header.sticky .top_head{ opacity:0; height:0; overflow:hidden; visibility:hidden;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

/************* Section ***********/
section{ width:100%; float:left; padding:0; margin:0;}

/*---- Hero ----*/
.hero_sec{ padding:0; position:relative;}
.hero_sec .hero-carousel img{ width:100%; object-fit:cover;}
.hero_sec .overly{ background:rgba(12,46,107,0.7); position:absolute; left:0; top:0; bottom:0; right:0;}
.hero_cap{ width:100%; position:absolute; left:0; top:55%; transform:translateY(-50%); z-index:999;}
.hero_sec .cap_inn{ width:100%; max-width:668px; margin:0; padding:0;}
.hero_sec h1{ margin:0; padding:0; font-size:44px; color:#ffffff; font-weight:700; letter-spacing:0.4px;}
.hero_sec h2{ margin:0 0 40px; padding:0; font-size:30px; color:#ffffff; font-weight:300; letter-spacing:0.4px; line-height:48px;}
.hero_sec .owl-carousel .owl-item img{ object-fit:cover;}

.hero-carousel .owl-stage{ display: flex;}
.hero-carousel .owl-item{ display: flex;}
.hero-carousel .owl-item .item { display: flex; width: 100%;}

.hero_sec .owl-carousel .owl-nav button{ width:55px; height:53px; font-size:0; display:block; position:absolute; top:50%; margin-top:-26px; background:rgba(255,255,255,0.1) !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color:#fff !important;}
.hero_sec .owl-carousel .owl-nav button.owl-prev{ left:0; border-radius:0 20px 20px 0; padding-right:4px;}
.hero_sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family: 'FontAwesome'; font-size:40px; line-height:53px;}
.hero_sec .owl-carousel .owl-nav button.owl-next{ right:0; border-radius:20px 0 0 20px; padding-left:4px;}
.hero_sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family: 'FontAwesome'; font-size:40px; line-height:53px;}
.hero_sec .owl-carousel .owl-nav button:hover{ background:#fff !important; color:#00aeef !important;}

/*------Video-------*/
.homepage-hero-module {border-right: none;border-left: none;position: relative; width: 100%;}
.no-video .video-container video, .touch .video-container video { display: none;}
.no-video .video-container .poster, .touch .video-container .poster { display: block !important;}
.video-container { position: relative;bottom: 0%; left: 0%;height: 100%;width: 100%;overflow: hidden;background: #000;}
.video-container .poster img {width: 100%;bottom: 0;position: absolute;}
.video-container .filter {z-index: 100; position: absolute;  background:rgba(12,46,107,0.7); width: 100%; left:0; top:0; right:0; bottom:0;width:100%!important; margin:0!important; }
.video-container video { position: absolute; z-index: 0; bottom: 0; left:0; right:0; top:0;object-fit:cover; width:100%!important; margin:0!important;  }
.video-container video.fillWidth { width: 100%;}

.owl-carousel .owl-dots{ width:100%; margin:40px 0 0; padding:0; text-align:center; position:relative; left:0; right:0; bottom:0; z-index:9;}
.owl-carousel .owl-dot{ margin:0 5px; display:inline-block;}
.owl-carousel .owl-dot span{ width:20px; height:20px; display:block; border-radius:50%; background:#dfdfdf;}
.owl-carousel .owl-dot.active span{ background:#00aeef;}

/*---- welcome ----*/
.welcome_sec{ padding:140px 0; background:url(../images/welcome_curve.png) no-repeat top right;}
.white_box{ margin-bottom:30px; padding:40px 30px 50px; box-shadow:0 4px 20px rgba(123,123,123,0.17); border-radius:10px; min-height:296px;}
.white_box figure{ display:block; margin-bottom:20px;}
.white_box h3{ margin-bottom:10px; font-size:22px; font-weight:600;}
.white_box h3 a{ color:#383838;}
.white_box:hover h3 a{ color:#00aeef;}
.white_box p{ margin-bottom:0;}

/*---- Process ------*/
.process_sec{ padding:0 0 129px; background:url(../images/process_curve.png) no-repeat top left; background-size:100% 100%;}
.process_sec span{ margin:0; padding:0; font-size:58px; color:#e8e8e8; font-weight:700; position:absolute; right:-5px; top:50%; transform:translateY(-50%);}
.process_sec i{ margin:0 0 10px; display:block;}
.process_sec strong{ margin:0; padding:0; font-size:24px; color:#313131; font-weight:600; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.process_sec .inner{ margin:0 0 80px; padding:0;}
.process_sec figure{ width:100%; margin:0; height:100%; display:flex;}
.process_sec figure img{ width:100%; object-fit:cover;}
.process_sec .detail{ margin:0; padding:57px 80px 30px 60px;}
.process_sec h3{ margin:0 0 25px; padding:0; font-size:30px; color:#fff; font-weight:300;}
.process_sec p{ margin:0; padding:0; font-size:16px; color:#fff; line-height:26px;}

.process_sec .nav-tabs { display:none; border-bottom:none;}
.process_sec .nav-tabs .nav-item{ margin:0; padding:0; position: relative; width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.process_sec .nav-tabs .nav-link{ margin:0; padding:28px 40px 43px; background:#f1f5f8; border:none; border-right:1px solid #d7dce2; position:relative; overflow:hidden; height:100%; border-bottom:5px solid transparent; border-radius:0;}
.process_sec .nav-tabs .nav-item:last-child .nav-link{ border-right:none;}
.process_sec .nav-tabs .nav-link:hover strong, .process_sec .nav-tabs .nav-link:focus strong, .process_sec .nav-tabs .nav-link.active strong, .process_sec .nav-tabs .nav-item.show .nav-link strong{ color:#00aeef;}
.process_sec .nav-tabs .nav-link.active, .process_sec .nav-tabs .nav-item.show .nav-link{ border-bottom-color:#00aeef;}


.process_sec .tab-content{ background:#00aeef;}
@media(min-width:768px) {
.process_sec .nav-tabs { display: flex;}
.process_sec .card-body{ padding:0; background:none; border:none;}
.process_sec .card { background:none; border:none;}
.process_sec .card .card-header { display:none;}
.process_sec .card .collapse { display:block;}
}
@media(max-width:767px) {
.process_sec .tab-content > .tab-pane { display: block !important; opacity: 1;}
}


/*---- Work ----*/
.work_sec{ padding:145px 0 70px; background:url(../images/work_curve.png) no-repeat bottom right; background-size:100% 100%;}
.work_sec .container{ max-width:1520px;}
.work{ width:100%; margin:0; padding:0; position:relative;}
.work_cap{ padding:25px 25px 45px; position:absolute; left:0; right:0; bottom:0; z-index:5;}
.work_cap:before{ content:""; width:100%; height:274px; position:absolute; left:0; bottom:0; z-index:-1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.06) 11%, rgba(0,0,0,0.29) 38%, rgba(0,0,0,0.41) 55%, rgba(0,0,0,0.48) 76%, rgba(0,0,0,0.49) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.06) 11%,rgba(0,0,0,0.29) 38%,rgba(0,0,0,0.41) 55%,rgba(0,0,0,0.48) 76%,rgba(0,0,0,0.49) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.06) 11%,rgba(0,0,0,0.29) 38%,rgba(0,0,0,0.41) 55%,rgba(0,0,0,0.48) 76%,rgba(0,0,0,0.49) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#7d000000',GradientType=0 );}
.work_cap h3{ margin-bottom:10px; padding:0; font-size:22px; color:#fff; font-weight:600;}
.work_cap p{ margin-bottom:0; padding:0; font-size:18px; color:#fff; font-weight:600;}

/*---- Why ----*/
.why_sec{ padding:124px 0 0;}
.why_sec h2.title{ margin-bottom:60px;}
.why_sec figure{ margin:0 100px -168px 0; padding:0; position:relative; z-index:2;}
.why_sec figure img{ width:100%; position:relative; z-index:2;}
.why_sec figure:before{ content:""; background:#fff; border:2px solid #00aeef; position:absolute; top:30px; left:30px; width:100%; height:100%;}

ul.list{ margin:0; padding:0;}
ul.list li{ margin:0 0 17px; padding:0 0 0 37px; font-size:16px; color:#6a6a6a; line-height:21px; font-weight:600; background:url(../images/check_icon.png) no-repeat left top 1px;}
ul.list li a{ color:#000;}
ul.list li a:hover{ color:#00aeef;}

/*---- Counter ----*/
.counter_sec{ padding:45px 0; background:#00aeef; position:relative;}
.counter_sec:after{ content:""; width:166px; height:166px; background:url(../images/welcome_curve.png) no-repeat left bottom; background-size:100%; position:absolute; left:-18px; top:100%; transform: rotateY(180deg);}
.counter_block{ margin:0 24px 0 0; padding:0 24px 0 0; border-right:1px solid #fff;}
.counter_sec .row>div:last-child .counter_block{ padding-right:0; margin-right:0; border-right:none;}
.counter_block .count{ margin-bottom:2px; font-size:36px; color:#fff; font-weight:600; display:block;}
.counter_block p{ margin:0; font-size:18px; color:#fff;}

/*---- Blog ----*/
.blog_sec{ padding:190px 0 100px;}
.blog_sec h2.title{ margin-bottom:100px;}
.blog_sec figure{ margin-bottom:20px; position:relative; border-radius:5px;}
.blog_sec figure img{ width:100%; border-radius:5px;}
.blog_sec figure span{ display:inline-block; padding:10px 15px; background:#00aeef; font-size:20px; line-height:20px; font-weight:600; color:#fff; position:absolute; left:0; bottom:27px;}
.blog_sec figure span small{ font-size:16px; font-weight:600; display:block;}
.blog_sec h3{ margin:0 0 22px; padding:0; font-size:26px; color:#383838; font-weight:600;}
.blog_sec h3 a{ color:#383838;}
.blog_sec h3 a:hover{ color:#00aeef;}
.blog_sec p{ margin:0 0 60px; padding:0; font-size:16px; color:#6a6a6a; line-height:22px;}
.blog_sec p a{ color:#00aeef; text-decoration:underline;}
.blog_sec p a:hover{ color:#000;}

/*--- Testimonial ----*/
.testi_sec{ padding:130px 0 100px; background:#f8f8f8;}
.testi_sec .container{ max-width:800px;}
.testi_sec .inner{ padding:60px 0; background:url(../images/testi_curve.png) no-repeat top center; position:relative;}
.testi_sec .inner:before{ content:""; width:100%; top:0; bottom:20px; height:213px; left:0; background:#fff; border:2px solid #e1e1e1; border-radius:10px; position:absolute; z-index:1; margin:auto;}
.testi_sec .owl-item{ transition: all 0.4s; opacity:0;}
.testi_sec .item{ margin:30px 102px; background:#fff; border:2px solid #e1e1e1; border-radius:10px; position:relative; transition: all 0.4s;}
.testi_sec .testi{ padding:40px 35px 30px;}
.testi_sec .fa-quote-left{ font-size:57px; color:#cccccc; line-height:57px; position:absolute; left:35px; top:-26px;}
.testi_sec p{ margin-bottom:25px; font-size:16px; color:#6a6a6a; line-height:24px; font-style:italic;}
.author{ margin:0; padding:0; display:flex; align-items:center;}
.author figure{ width:66px; height:66px; background:#f1f1f1; border-radius:50%; float:left; margin-bottom:0;}
.author figure img{ border-radius:50%;}
.author span{ display:inline-block; padding-left:20px; font-size:18px; color:#383838; font-weight:600;}

.testi_sec .owl-carousel .owl-dots{ display:inline-block !important; margin-top:0; top:-10px;}

.testi_sec .owl-item.center{ z-index:5; opacity:1;}
.testi_sec .owl-item.center .item{ box-shadow:0 0 25px rgba(55,55,55,0.2);}

/************* Footer ***********/
footer{ width:100%; float:left; padding:56px 0 0; margin:0; background:#12274f url(../images/footer_icon.png) no-repeat right top 35%;}
footer figure{ margin:0 0 20px;}
footer figure img{ width:231px;}

ul.add_info{ margin:0 0 20px; padding:0;}
ul.add_info li{ margin:0 0 12px; padding:0 0 0 27px; font-size:15px; color:#e8e8e8; position:relative;}
ul.add_info li i{ position:absolute; left:0; top:4px;}
ul.add_info li a{ color:#e8e8e8;}
ul.add_info li a:hover{ color:#00aeef;}

ul.social_links{ margin:0; padding:0;}
ul.social_links li{ margin:0 12px 0 0; padding:0; font-size:14px; display:inline-block;}
ul.social_links li a{ color:#e8e8e8;}
ul.social_links li a:hover{ color:#00aeef;}

footer h3{ margin:10px 0 24px; padding:0; font-size:24px; color:#ffffff; font-weight:600; letter-spacing:1px;}

ul.foot_links{ margin:0 0 20px; padding:0;}
ul.foot_links li{ margin:0 0 9px 0; padding:0; font-size:15px;}
ul.foot_links li a{ color:#e8e8e8;}
ul.foot_links li a:hover{ color:#00aeef;}

.copyright{ margin:0; padding:20px 0; color:#fff; background:#0d1d3b; text-align:center;}