@charset "utf-8";
/* CSS Document */

@import url('owl.carousel.css');  
@import url('animate.css'); 
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css'); 
@import url('https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/css/lightbox.min.css');
@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');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');


body {
    margin: 0;
    padding: 0;
    font-family:  "Poppins", sans-serif;
    font-size: 16px;
    color: #000B33;
    font-weight: 400;
    position: relative;
    background-color: #fff;
} 


html {
    scroll-behavior: smooth;
}

*  { 
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; 
}
.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clr,
.clear {
    clear: both;
}

header,
footer,
aside,
article,
section,
nav,
figure {
    position: relative;
    
}

m {
    margin: 0;
    padding: 0;
}

ul,
li,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}

img {
    border: 0;
    outline: none;
    max-width: 100%;
}

input[type="text"],
input[type="password"],
select,
textarea,
input[type="button"] {
    max-width: 100%;
}

input[type=date].form-control{ text-transform: uppercase; }
     
table {  width: 100%; }
p { margin: 0; padding: 0; }
.fltL { float: left; }
.fltR { float: right !important; }
.padding_none { padding: 0 !important;}
.border_none{border:none !important}
.navbar-toggle {  background-color: #fff !important; }
.icon-bar { background-color: #000 !important; }
.p_right0{ padding-right:0px !important }
.p_left0{ padding-left:0px !important }


@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}
}
header.sticky {position: fixed; width: 100%; z-index: 999; box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);}
header {background-color: #fff; transition: all 0.5s;}
header nav {padding-left: 0!important; padding-right: 0!important;}
header nav .navbar-brand {display: inline-block;}
header nav .nav-item {padding: 10px;}
header nav .nav-item .nav-link {color: #404040; font-size: 15px;}
header nav .nav-item .nav-link.active {color: #134093; font-weight: 600;}

.active {font-weight: 600;}
.active .nav-link {color: ;}

.HeroSection {position: relative;}
.HeroSection .Overlay {position: absolute; left: 0; bottom: 0; right: 0;width: 100%; z-index: -1;} 
.HeroSection .Hero { display: flex; align-items: center; justify-content: space-between; position: relative;}
.HeroSection .Hero .HeroRight {width: 50%;}
.HeroSection .Hero .HeroLeft h6 {color: #000; margin: 0 0 20px 0;}
.HeroSection .Hero .HeroLeft span.First {
    background-color: #EC6602;
    margin: 0 10px 0 0;
    border-radius: 8px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    padding: 10px;
    /* text-transform: uppercase; */
    font-size: 12px;
    letter-spacing: 1.5px;
}
.HeroSection .Hero .HeroLeft h2 {
    color: #121212;
    font-weight: 700;
    font-size: 44px;
    line-height: 64px;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0 0 40px 0;
}
.HeroSection .Hero .HeroLeft h2 span.Second {color: #EC6602;}
.HeroSection .Hero .HeroLeft h2 span.Third {color: #134093;}
.HeroSection .Hero .HeroLeft ul {display: flex;}
.HeroSection .Hero .HeroLeft ul li a  {display: inline-block; width: 90%;}

.navbar-toggler span {color: #fff; font-size: 24px;}

.HowItWorksArea {position: relative; padding: 100px 0 0;}
.HowItWorksArea::after {background-color: #0C1729; position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; height: 575px; z-index: -1;}
.HowItWorksArea .HowWorksLeft {padding: 0 25px 0 0;}
.HowItWorksArea .HowWorksLeft span {background-color: #EC6602; margin: 0 0 15px 0; border-radius: 8px; padding: 8px 15px; display: inline-block; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 1.5px;}
.HowItWorksArea .HowWorksLeft h2 {color: #fff; font-weight: 600; font-size: 44px; line-height: 64px; letter-spacing: 1px; text-transform: capitalize;}
.HowItWorksArea .HowWorksLeft p {color: #B6B9BF; font-size: 14px; line-height: 24px; letter-spacing: 0.5px;}
.HowItWorksArea .HowWorksRight .WorkBox {background-color: #fff; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.15); height: calc(100% - 20px); border-radius: 16px; padding: 20px 30px 50px 20px; margin: 0 0 20px 0;}
.HowItWorksArea .HowWorksRight .WorkBox .Icon { margin: 0 0 20px 0; border-radius: 16px; width: 75px; height: 75px; display: inline-flex; align-items: center; justify-content: center;}
.HowItWorksArea .HowWorksRight .WorkBox .Icon.First {background-color: #DCE7FA;}
.HowItWorksArea .HowWorksRight .WorkBox .Icon.Second {background-color: #E6E3FB;}
.HowItWorksArea .HowWorksRight .WorkBox .Icon.Third {background-color: #DBF5E9;}
.HowItWorksArea .HowWorksRight .WorkBox .Icon.Fourth {background-color: #FAE5D5;}
.HowItWorksArea .HowWorksRight .WorkBox .Icon img {width: 32px;}
.HowItWorksArea .HowWorksRight .WorkBox h6 {color: #121212; font-weight: 600; font-size: 18px;}
.HowItWorksArea .HowWorksRight .WorkBox p {color: #121212; font-size: 14px; line-height: 24px;}


.CommonArea {padding: 25px 50px 0;}
.CommonArea .container {max-width: 1300px;}
.CommonArea .CommonBody {padding: 75px 0 0;}
.CommonArea .CommonBody .CommonRight.CommonRightBottom {margin: 0 0 100px 0;}
.CommonArea .CommonBody:last-child {padding:0;}
.CommonArea .CommonBody .CommonLeft figure {margin: 0;}
.CommonArea .CommonBody .CommonRight {padding: 0 50px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.CommonArea .CommonBody .CommonRight span {background-color: #EC6602; margin: 0 0 15px 0; border-radius: 8px; padding: 8px 15px; display: inline-block; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 1.5px;}
.CommonArea .CommonBody .CommonRight h1 {color: #121212; font-weight: 600; font-size: 44px; line-height: 56px; letter-spacing: 1px; text-transform: capitalize;}
.CommonArea .CommonBody .CommonRight p {color: #404040; font-size: 14px; line-height: 24px;}
/* .CommonArea .container .CommonBody .row {fle} */

.HappyClient {background-color: #134093; padding: 60px 0;}
.HappyClient .CounterBox{text-align: center;}
.HappyClient .CounterBox h1 {color: #fff; font-size: 48px; margin: 0 0 10px 0; font-weight: 400;}
.HappyClient .CounterBox h1 span {font-weight: 600; }
.HappyClient .CounterBox p {color: #F8F8F8; font-size: 14px;}


.TestimonialArea {background-color: #F8F8F8; padding: 100px 0 100px 0;} 
.TestimonialArea .section-title {margin: 0 0 50px 0;}
.TestimonialArea .section-title span {background-color: #EC6602; margin: 0 0 15px 0; border-radius: 8px; padding: 8px 15px; display: inline-block; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 1.5px;}
.TestimonialArea .section-title h1 {color: #121212; font-weight: 600; font-size: 44px; line-height: 64px; letter-spacing: 1px; text-transform: capitalize;}
.TestimonialArea .owl-carousel {padding: 0 0 0 85px;}
.TestimonialArea .TestimonialBox article {background-color: #FFF; border-radius: 5px; padding: 25px 20px; min-height: 150px;}
/* .TestimonialArea .TestimonialBox article { margin: 0 0 35px 0;} */
.TestimonialArea .TestimonialBox article p {color: #121212; font-size: 14px; line-height: 24px; letter-spacing: 0.5px;}
.TestimonialArea .TestimonialBox aside {position: relative; padding: 40px 0 40px 75px;}
.TestimonialArea .TestimonialBox aside img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 58px; height: 58px;}
/* .TestimonialArea .TestimonialBox aside span img {width: 100%; height: 100%; object-fit: cover;} */
.TestimonialArea .TestimonialBox aside h6 {color: #121212; font-weight: 600; font-size: 15px; margin: 0 0 5px 0; letter-spacing: 0.5px;}
.TestimonialArea .TestimonialBox aside p {color: #404040; font-size: 14px; margin: 0 0 5px 0;}




.TestimonialArea .owl-carousel .owl-nav button.owl-prev:focus, 
.TestimonialArea .owl-carousel .owl-nav button.owl-next:focus{ border-color: #134093 !important; outline: 0; }
.TestimonialArea .owl-carousel .owl-nav {position: absolute; right: 100px; top: -100px;}
.TestimonialArea .owl-carousel .owl-nav button.owl-prev,
.TestimonialArea .owl-carousel .owl-nav button.owl-next
{border: 2px solid rgba(19, 64, 147, 1); width: 49px; height: 49px; border-radius: 50%; margin-left: 10px;}

.TestimonialArea .owl-carousel .owl-nav button i {color: rgba(19, 64, 147, 1);}
.TestimonialArea .owl-theme .owl-nav [class*='owl-']:hover {background-color: transparent;}

.FaqArea {padding: 50px 0 0px 0; background-color: #fff; position: relative;}
.FaqArea::before {background-color: #0C1729; height: 170px; left: 0; right: 0; bottom: 0; width: 100%; content: ""; position: absolute;}
.FaqArea .section-title {margin: 0 0 50px 0; text-align: center;}
.FaqArea .section-title h1 {color: #121212; font-weight: 600; font-size: 44px; line-height: 64px; letter-spacing: 1px; text-transform: capitalize;}
.FaqArea .section-title p {color: #404040; font-size: 14px;  text-transform: capitalize;}

.FaqArea .StaticArea .card{border:none; background-color: #F8F8F8; border-radius:5px;overflow:hidden}
.FaqArea .StaticArea .card+.card{margin:20px 0 0 0}
.FaqArea .StaticArea .card .card-header{cursor:pointer;background-color:#f7f7f7;border-radius:0;padding:15px 55px 15px 20px;position:relative;display:flex;align-items:center;justify-content:space-between;border:none}
.FaqArea .StaticArea .card .card-header:after{content:"\2b";font-family:FontAwesome;color:#000;position:absolute;top:50%; transform: translateY(-50%); right:20px;font-size:16px;font-weight:400;line-height:14px;transition:0.5s all ease-in-out}
.FaqArea .StaticArea .card .card-header[aria-expanded="true"]:after{content:"\f068";}
.FaqArea .StaticArea .card .card-header h4{font-size:20px;color:#000;font-weight:600;margin: 5px 0;}
.FaqArea .StaticArea .card .card-header h4 span{margin:0 10px 0 0}
.FaqArea .StaticArea .card .card-header a{color:#000;font-size:14px}
.FaqArea .StaticArea .card .card-body{padding:0px 20px 20px 20px;}
.FaqArea .StaticArea .card .card-body:before{content:none}
.FaqArea .StaticArea .card .card-body p{font-size:15px;line-height:28px;color:#404040}
.FaqArea .StaticArea .card .card-body p+p{margin-top:15px}
.FaqArea .StaticArea .card .card-header .Actions a.Red {margin: 0 0 0 15px; color: #e21818;}
.FaqArea .StaticArea .card .card-header .Actions a.Green {margin: 0 0 0 15px; color: #37a713;}


 
.DownloadNow {background-color: #134093; width: 90%; position: relative;  z-index: 99; margin: 165px auto 0; border-radius: 25px; padding: 25px 50px;}
.DownloadNow .DownloadRight {text-align: right;}
.DownloadNow .DownloadRight img {z-index: 2; position: relative; filter: drop-shadow(0px -5.039px 22.094px 0px rgba(0, 0, 0, 0.10), 0px -14.729px 15.504px 0px rgba(255, 255, 255, 0.10), 0px 31.784px 48.451px 0px rgba(0, 0, 0, 0.15), 0px 14.341px 14.341px 0px rgba(0, 0, 0, 0.25));}
.DownloadNow .Circle {position: absolute; display: inline-block; right: 0; top: 0; bottom: 0; height: 100%; z-index: -1;}
.DownloadNow .DownloadLeft {height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.DownloadNow .DownloadLeft h1 {
    color: #fff;
    font-weight: 600;
    font-size: 44px;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0 0 15px 0;
}
.DownloadNow .DownloadLeft h3 {
    color: #fff;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0 0 15px 0;
}
.DownloadNow .DownloadLeft p {    color: #F8F8F8;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.5px;
    margin: 0 0 30px 0;
}
.DownloadNow .DownloadLeft ul {display: flex;} 
.DownloadNow .DownloadLeft ul li {margin: 0 15px 0 0;} 

footer {background-color: #0C1729; padding: 50px 0 0;}
footer .FooterTop {border-bottom: 1px solid rgba(255, 255, 255, 0.20);}
footer .FooterTop .FooterTopLeft {margin: -20px 0 25px 0; height: 100%; display: flex; justify-content: center;flex-direction: column; align-items: flex-start;}
footer .FooterTop .FooterTopLeft .Logo { margin: 0 0 15px 0; display: inline-block; }
footer .FooterTop .AddressBox {margin: 0 0 45px 0; display: flex; align-items: center;}
footer .FooterTop .AddressBox a  {display: inline-block; margin: 0 0 0 10px;}
footer .FooterTop .AddressBox h5 {color: #fff; font-size: 15px; letter-spacing: 0.2px; margin: 0;}
footer .FooterTop .AddressBox p {color: rgba(255, 255, 255, 0.70); font-size: 14px; letter-spacing: 0.2px;}
footer .FooterTop .SocialIcons ul {display: flex;}
footer .FooterTop .SocialIcons ul li a {margin: 0 10px; display: inline-block; font-size: 24px;}
footer .FooterTop .SocialIcons ul li:first-child a {margin-left: 0px;}
footer .FooterTop .SocialIcons ul li a i {color: #fff; font-size: 30px;}

footer .FooterBottom {display: flex; justify-content: space-between; align-items: center; padding: 35px 0;}
footer .FooterBottom p {color: #fff; font-size: 15px; letter-spacing: 0.2px;}
footer .FooterBottom ul {display: flex;}
footer .FooterBottom ul li a {display: inline-block; margin: 0 15px; color: #fff; font-size: 15px; letter-spacing: 0.2px;}