/**
* Template Name: NewBiz
* Updated: Mar 09 2023 with Bootstrap v5.2.3
* Template URL: https://bootstrapmade.com/newbiz-bootstrap-business-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body{background:#fff;color:#444;font-family:"Open Sans",sans-serif;}
a{color:#007bff;text-decoration:none;transition:0.5s;}
a:hover,a:active,a:focus{color:#0b6bd3;outline:none;text-decoration:none;}
p{padding:0;margin:0 0 30px 0;}
h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;font-weight:400;margin:0 0 20px 0;padding:0;}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#007bff;width:40px;height:40px;border-radius:50px;transition:all 0.4s;}
.back-to-top i{font-size:28px;color:#fff;line-height:0;}
.back-to-top:hover{background:#2990ff;color:#fff;}
.back-to-top.active{visibility:visible;opacity:1;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{height:80px;z-index:997;transition:all 0.5s;background:#fff;box-shadow:0px 0px 30px rgba(127,137,161,0.3);}
#header.header-scrolled{height:60px;}
#header .logo h1{font-size:36px;margin:0;padding:0;font-weight:400;letter-spacing:3px;text-transform:uppercase;}
@media (max-width:991px){
  #header .logo h1{font-size:28px;}
}
#header .logo h1 a,#header .logo h1 a:hover{color:#00366f;text-decoration:none;}
#header .logo img{padding:0;max-height:26px;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/**
* Desktop Navigation 
*/
.navbar{padding:0;}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center;}
.navbar li{position:relative;}
.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-family:"Montserrat",sans-serif;font-size:15px;color:#004289;font-weight:500;white-space:nowrap;transition:0.3s;}
.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px;}
.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#007bff;}
.navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0px 0px 30px rgba(127,137,161,0.25);transition:0.3s;}
.navbar .dropdown ul li{min-width:200px;}
.navbar .dropdown ul a{padding:10px 20px;font-size:14px;text-transform:none;}
.navbar .dropdown ul a i{font-size:12px;}
.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:#007bff;}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible;}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden;}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible;}
@media (max-width:1366px){
  .navbar .dropdown .dropdown ul{left:-90%;}
  .navbar .dropdown .dropdown:hover>ul{left:-100%;}
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle{color:#283d50;font-size:28px;cursor:pointer;display:none;line-height:0;transition:0.5s;}
.mobile-nav-toggle.bi-x{color:#fff;}
@media (max-width:991px){
  .mobile-nav-toggle{display:block;}
  .navbar ul{display:none;}
}
.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(23,35,46,0.9);transition:0.3s;z-index:999;}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px;}
.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;background-color:#fff;overflow-y:auto;transition:0.3s;}
.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#004289;}
.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:#007bff;}
.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0px 0px 30px rgba(127,137,161,0.25);}
.navbar-mobile .dropdown ul li{min-width:200px;}
.navbar-mobile .dropdown ul a{padding:10px 20px;}
.navbar-mobile .dropdown ul a i{font-size:12px;}
.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a{color:#007bff;}
.navbar-mobile .dropdown>.dropdown-active{display:block;}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero{width:100%;position:relative;background:url("../img/hero-bg.png") center bottom no-repeat;background-size:cover;padding:200px 0 120px 0;}
@media (max-width:991px){
  #hero{padding:140px 0 60px 0;}
}
@media (max-width:574px){
  #hero{padding:100px 0 20px 0;}
}
#hero .hero-img{width:50%;float:right;}
@media (max-width:991px){
  #hero .hero-img{width:80%;float:none;margin:0 auto 25px auto;}
}
#hero .hero-info{width:50%;float:left;}
@media (max-width:991px){
  #hero .hero-info{width:80%;float:none;margin:auto;text-align:center;}
}
@media (max-width:767px){
  #hero .hero-info{width:100%;}
}
#hero .hero-info h2{color:#fff;margin-bottom:40px;font-size:48px;font-weight:700;}
#hero .hero-info h2 span{color:#74b5fc;text-decoration:underline;}
@media (max-width:767px){
  #hero .hero-info h2{font-size:34px;margin-bottom:30px;}
}
#hero .hero-info .btn-get-started,#hero .hero-info .btn-services{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;display:inline-block;padding:10px 32px;border-radius:50px;transition:0.5s;margin:0 20px 20px 0;color:#fff;}
#hero .hero-info .btn-get-started{background:#007bff;border:2px solid #007bff;color:#fff;}
#hero .hero-info .btn-get-started:hover{background:none;border-color:#fff;color:#fff;}
#hero .hero-info .btn-services{border:2px solid #fff;}
#hero .hero-info .btn-services:hover{background:#007bff;border-color:#007bff;color:#fff;}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section{overflow:hidden;}

/* Sections Header
--------------------------------*/
.section-header h3{font-size:36px;color:#283d50;text-align:center;font-weight:500;position:relative;}
.section-header p{text-align:center;margin:auto;font-size:15px;padding-bottom:60px;color:#556877;width:50%;}
@media (max-width:767px){
  .section-header p{width:100%;}
}

/* Section with background
--------------------------------*/
.section-bg{background:#ecf5ff;}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs{padding:20px 0;background-color:#f5faff;min-height:40px;margin-top:80px;}
@media (max-width:992px){
  .breadcrumbs{margin-top:60px;}
}
.breadcrumbs h2{font-size:24px;font-weight:300;margin:0;}
@media (max-width:992px){
  .breadcrumbs h2{margin:0 0 10px 0;}
}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px;}
.breadcrumbs ol li+li{padding-left:10px;}
.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#6c757d;content:"/";}
@media (max-width:768px){
  .breadcrumbs .d-flex{display:block!important;}
  .breadcrumbs ol{display:block;}
  .breadcrumbs ol li{display:inline-block;}
}

/* About Us Section
--------------------------------*/
#about{background:#fff;padding:60px 0;}
#about .about-container .background{margin:20px 0;}
#about .about-container .content{background:#fff;}
#about .about-container .title{color:#333;font-weight:700;font-size:32px;}
#about .about-container p{line-height:26px;}
#about .about-container p:last-child{margin-bottom:0;}
#about .about-container .icon-box{background:#fff;background-size:cover;padding:0 0 30px 0;}
#about .about-container .icon-box .icon{float:left;background:#fff;width:64px;height:64px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:2px solid #007bff;transition:all 0.3s ease-in-out;}
#about .about-container .icon-box .icon i{color:#007bff;font-size:24px;line-height:0;}
#about .about-container .icon-box:hover .icon{background:#007bff;}
#about .about-container .icon-box:hover .icon i{color:#fff;}
#about .about-container .icon-box .title{margin-left:80px;font-weight:600;margin-bottom:5px;font-size:18px;}
#about .about-container .icon-box .title a{color:#283d50;}
#about .about-container .icon-box .description{margin-left:80px;line-height:24px;font-size:14px;}
#about .about-extra{padding-top:60px;}
#about .about-extra h4{font-weight:600;font-size:24px;}

/* Services Section
--------------------------------*/
#services{padding:60px 0 40px 0;box-shadow:inset 0px 0px 12px 0px rgba(0,0,0,0.1);}
#services .box{padding:30px;position:relative;overflow:hidden;border-radius:10px;margin:0 10px 40px 10px;background:#fff;box-shadow:0 10px 29px 0 rgba(68,88,144,0.1);transition:all 0.3s ease-in-out;}
#services .box:hover{transform:translateY(-5px);}
#services .icon{position:absolute;left:-15px;top:calc(50% - 32px);}
#services .icon i{font-size:64px;line-height:0;transition:0.5s;}
#services .title{margin-left:40px;font-weight:700;margin-bottom:15px;font-size:18px;}
#services .title a{color:#111;}
#services .box:hover .title a{color:#007bff;}
#services .description{font-size:14px;margin-left:40px;line-height:24px;margin-bottom:0;}
#why-us{padding:60px 0;background:#004a99;}
#why-us .section-header h3,#why-us .section-header p{color:#fff;}
#why-us .card{background:#00458f;border-color:#00458f;border-radius:10px;margin:0 15px;padding:15px 0;text-align:center;color:#fff;transition:0.3s ease-in-out;height:100%;}
@media (max-width:991px){
  #why-us .card{margin:0;}
}
#why-us .card:hover{background:#003b7a;border-color:#003b7a;}
#why-us .card i{font-size:48px;padding-top:15px;color:#bfddfe;}
#why-us .card h5{font-size:22px;font-weight:600;}
#why-us .card p{font-size:15px;color:#d8eafe;}
#why-us .card .readmore{color:#fff;font-weight:600;display:inline-block;transition:0.3s ease-in-out;border-bottom:#00458f solid 2px;}
#why-us .card .readmore:hover{border-bottom:#fff solid 2px;}
#why-us .counters{padding-top:40px;}
#why-us .counters span{font-family:"Montserrat",sans-serif;font-weight:bold;font-size:48px;display:block;color:#fff;}
#why-us .counters p{padding:0;margin:0 0 20px 0;font-family:"Montserrat",sans-serif;font-size:14px;color:#cce5ff;}

/* Portfolio Section
--------------------------------*/
#portfolio{padding:60px 0;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.1);}
#portfolio #portfolio-flters{padding:0;margin:5px 0 35px 0;list-style:none;text-align:center;}
#portfolio #portfolio-flters li{cursor:pointer;margin:15px 15px 15px 0;display:inline-block;padding:6px 20px;font-size:12px;line-height:20px;color:#007bff;border-radius:50px;text-transform:uppercase;background:#ecf5ff;margin-bottom:5px;transition:all 0.3s ease-in-out;}
#portfolio #portfolio-flters li:hover,#portfolio #portfolio-flters li.filter-active{background:#007bff;color:#fff;}
#portfolio #portfolio-flters li:last-child{margin-right:0;}
#portfolio .portfolio-item{position:relative;overflow:hidden;margin-bottom:30px;}
#portfolio .portfolio-item .portfolio-wrap{overflow:hidden;position:relative;border-radius:6px;margin:0;}
#portfolio .portfolio-item .portfolio-wrap:hover img{opacity:0.4;transition:0.3s;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;opacity:0;transition:0.2s linear;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4{font-size:22px;line-height:1px;font-weight:700;margin-bottom:14px;padding-bottom:0;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a{color:#fff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover{color:#007bff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info p{padding:0;margin:0;color:#e2effe;font-weight:500;font-size:14px;text-transform:uppercase;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details{display:inline-flex;align-items:center;justify-content:center;line-height:1;width:36px;height:36px;background:#007bff;border-radius:50%;margin:10px 4px 0 4px;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i{font-size:22px;color:#fff;line-height:0;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover{background:#3395ff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i{color:#fff;}
#portfolio .portfolio-item .portfolio-wrap:hover{background:#003166;}
#portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info{opacity:1;}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details{padding-top:40px;}
.portfolio-details .portfolio-details-slider img{width:100%;}
.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative;}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #007bff;}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#007bff;}
.portfolio-details .portfolio-info{padding:30px;box-shadow:0px 0 30px rgba(40,61,80,0.08);}
.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px;}
.portfolio-details .portfolio-info ul li+li{margin-top:10px;}
.portfolio-details .portfolio-description{padding-top:30px;}
.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px;}
.portfolio-details .portfolio-description p{padding:0;}

/* Testimonials Section
--------------------------------*/
#testimonials{padding:60px 0;box-shadow:inset 0px 0px 12px 0px rgba(0,0,0,0.1);}
#testimonials .section-header{margin-bottom:40px;}
#testimonials .testimonials-carousel,#testimonials .testimonials-slider{overflow:hidden;}
@media (max-width:767px){
  #testimonials .testimonial-item{text-align:center;}
}
#testimonials .testimonial-item .testimonial-img{width:120px;border-radius:50%;border:4px solid #fff;float:left;}
@media (max-width:767px){
  #testimonials .testimonial-item .testimonial-img{float:none;margin:auto;}
}
#testimonials .testimonial-item h3{font-size:20px;font-weight:bold;margin:10px 0 5px 0;color:#111;margin-left:140px;}
#testimonials .testimonial-item h4{font-size:14px;color:#999;margin:0 0 15px 0;margin-left:140px;}
#testimonials .testimonial-item p{font-style:italic;margin:0 0 15px 140px;}
@media (min-width:992px){
  #testimonials .testimonial-item p{width:80%;}
}
@media (max-width:767px){
  #testimonials .testimonial-item h3,#testimonials .testimonial-item h4,#testimonials .testimonial-item p{margin-left:0;}
}
#testimonials .swiper-pagination{margin-top:20px;position:relative;}
#testimonials .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #007bff;}
#testimonials .swiper-pagination .swiper-pagination-bullet-active{background-color:#007bff;}

/* Team Section
--------------------------------*/
#team{background:#fff;padding:60px 0;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.1);}
#team .member{text-align:center;margin-bottom:20px;position:relative;border-radius:50%;overflow:hidden;}
#team .member .member-info{opacity:0;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.2s;}
#team .member .member-info-content{margin-top:50px;transition:margin 0.2s;}
#team .member:hover .member-info{background:rgba(0,62,128,0.7);opacity:1;transition:0.4s;}
#team .member:hover .member-info-content{margin-top:0;transition:margin 0.4s;}
#team .member h4{font-weight:700;margin-bottom:2px;font-size:18px;color:#fff;}
#team .member span{font-style:italic;display:block;font-size:13px;color:#fff;}
#team .member .social{margin-top:15px;}
#team .member .social a{transition:0.3s;color:rgba(255,255,255,0.7);}
#team .member .social a:hover{color:#fff;}
#team .member .social i{font-size:18px;margin:0 2px;}

/* Clients Section
--------------------------------*/
#clients{padding:60px 0;box-shadow:inset 0px 0px 12px 0px rgba(0,0,0,0.1);}
#clients .clients-wrap{border-top:1px solid #d6eaff;border-left:1px solid #d6eaff;margin-bottom:30px;}
#clients .client-logo{padding:64px;display:flex;justify-content:center;align-items:center;border-right:1px solid #d6eaff;border-bottom:1px solid #d6eaff;overflow:hidden;background:#fff;height:160px;}
#clients .client-logo:hover img{transform:scale(1.2);}
#clients img{transition:all 0.4s ease-in-out;}

/* Contact Section
--------------------------------*/
#contact{box-shadow:0px 0px 12px 0px rgba(0,0,0,0.1);padding:60px 0;overflow:hidden;}
#contact .section-header{padding-bottom:30px;}
#contact .contact-about h3{font-size:36px;margin:0 0 10px 0;padding:0;line-height:1;font-family:"Montserrat",sans-serif;font-weight:300;letter-spacing:3px;text-transform:uppercase;color:#007bff;}
#contact .contact-about p{font-size:14px;line-height:24px;font-family:"Montserrat",sans-serif;color:#888;}
#contact .social-links{padding-bottom:20px;}
#contact .social-links a{font-size:18px;display:inline-block;background:#fff;color:#007bff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:0.3s;border:1px solid #007bff;}
#contact .social-links a:hover{background:#007bff;color:#fff;}
#contact .info{color:#283d50;}
#contact .info i{font-size:32px;color:#007bff;float:left;line-height:0;}
#contact .info p{padding:0 0 10px 36px;line-height:28px;font-size:14px;}
#contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600;}
#contact .php-email-form .error-message br+br{margin-top:25px;}
#contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600;}
#contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px;}
#contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;animation:animate-loading 1s linear infinite;}
#contact .php-email-form input,#contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px;}
#contact .php-email-form input:focus,#contact .php-email-form textarea:focus{border-color:#007bff;}
#contact .php-email-form input{padding:10px 15px;}
#contact .php-email-form textarea{padding:12px 15px;}
#contact .php-email-form button[type=submit]{background:#007bff;border:0;border-radius:20px;padding:8px 30px;color:#fff;transition:0.3s;}
#contact .php-email-form button[type=submit]:hover{background:#0067d5;cursor:pointer;}
@keyframes animate-loading{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer{background:#00428a;padding:0 0 30px 0;color:#eee;font-size:14px;}
#footer .footer-top{background:#004a99;padding:60px 0 30px 0;}
#footer .footer-top .footer-info{margin-bottom:30px;}
#footer .footer-top .footer-info h3{font-size:34px;margin:0 0 20px 0;padding:2px 0 2px 0;line-height:1;font-family:"Montserrat",sans-serif;color:#fff;font-weight:400;letter-spacing:3px;text-transform:uppercase;}
#footer .footer-top .footer-info p{font-size:13px;line-height:24px;margin-bottom:0;font-family:"Montserrat",sans-serif;color:#ecf5ff;}
#footer .footer-top .social-links a{font-size:18px;display:inline-flex;align-items:center;justify-content:center;background:#007bff;color:#fff;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:0.3s;}
#footer .footer-top .social-links a i{line-height:0;}
#footer .footer-top .social-links a:hover{background:#0067d5;color:#fff;}
#footer .footer-top h4{font-size:14px;font-weight:bold;color:#fff;text-transform:uppercase;position:relative;padding-bottom:10px;}
#footer .footer-top .footer-links{margin-bottom:30px;}
#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0;}
#footer .footer-top .footer-links ul li{padding:8px 0;}
#footer .footer-top .footer-links ul li:first-child{padding-top:0;}
#footer .footer-top .footer-links ul a{color:#ecf5ff;}
#footer .footer-top .footer-links ul a:hover{color:#74b5fc;}
#footer .footer-top .footer-contact{margin-bottom:30px;}
#footer .footer-top .footer-contact p{line-height:26px;}
#footer .footer-top .footer-newsletter{margin-bottom:30px;}
#footer .footer-top .footer-newsletter input[type=email]{border:0;padding:6px 8px;width:65%;}
#footer .footer-top .footer-newsletter input[type=submit]{background:#007bff;border:0;width:35%;padding:6px 0;text-align:center;color:#fff;transition:0.3s;cursor:pointer;}
#footer .footer-top .footer-newsletter input[type=submit]:hover{background:#0062cc;}
#footer .copyright{text-align:center;padding-top:30px;}
#footer .credits{text-align:center;font-size:13px;color:#f1f7ff;}
#footer .credits a{color:#bfddfe;}
#footer .credits a:hover{color:#f1f7ff;}