html {
  scroll-behavior: smooth;
}
.hero-image-ab {
    background: #fff url(../images/menu-bg.svg);
    width: 100%;
    background-size: 98%;
    color: #191b30;
    padding: 50px 0 30px;
}
.hero-image-ab1 {
    background: #191b30 url(../images/menu-bg.svg);
    width: 100%;
    background-size: 98%;
    color: #191b30;
    padding: 50px 0 30px;
}
.top-section {
    padding: 0px 15px;
    min-height: 150px;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    top: 30px;
	z-index: 10000;
}
.box {
    -webkit-box-shadow: 0 8px 6px -6px rgb(25 27 48);
    -moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px rgb(25 27 48);
    padding-right: 0px;
    background: #fff;
}
.h444 {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize !important;
    font-size: 16px !important;
    margin-bottom: 40px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
}


.wht{padding:5px 15px;transform: skew(20deg, 0deg); text-align:center}
.logo-pix4d{position:absolute; top:-20px;left: 2px;font-weight: 500 !important; }
.btnlearn {
    background: #EF7F1A;
    color: #000;
    padding: 22px 30px;
	float:right;
	font-weight:600;
	font-size:16px;
	margin-left: 2px;
}
.btnlearn:hover {
	background:#191b30;
    color: #fff;
}
.h1{font-size: 48px;
    font-weight: 800;
    font-family: Roboto,sans-serif;padding:0px 0px 80px;}
.h12 {
    font-size: 40px;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    padding:100px 0px 40px;
	color:#fff;
}
.h2{font-size: 40px;
    font-weight: 800;
    font-family: Roboto,sans-serif;padding:0px 0px 40px;}
	
.soft ol{margin:14px; padding:0px;}
.soft ol li{margin:0px; padding:0px 0px 12px; line-height:20px; font-size:14px;}

.soft ul{margin:16px; padding:0px;}
.soft ul li {margin:10px 14px; padding:0px 0px 5px; line-height:12px; list-style:disc}

.h4{padding:0px 0px 0px;margin-bottom:5px !important; text-transform: uppercase;}
.icon{}
.icon img{height:100px;}
h6{color: #000;
    text-transform: uppercase;
    padding: 15px 0px;
    letter-spacing: 2px;
    font-size: 15px;}
.video{ margin-bottom:70px; position:relative;}
.video-text {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
	color:#fff;
	vertical-align: middle;
	width: 500px;
	transform: translate(-50%,-50%);
}
.video-text h6{color:#fff;font-size:34px;font-weight:500; text-transform:capitalize; padding-bottom:18px}
.video-text p {color: #fff;font-size: 21px;font-weight: 300;line-height: 24px;}
.content-drone{padding:0px 0px 100px}
.soft{}
.soft p{font-size:16px;text-transform: capitalize;line-height: 24px;}
.soft img{height:150px; margin:0 auto}
.soft-in{margin-bottom:30px}
.title6 {
    padding: 0px 0px 0px;
    margin-bottom: 5px !important;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    color: #191b30;
}
.title66 {
    padding: 0px 0px 0px;
    margin-bottom: 20px !important;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    color: #191b30;
}
.title666 {
    padding: 0px 0px 0px;
    margin-bottom: 10px !important;
    font-size: 20px;
    font-weight: bold;
    color: #191b30;
}
.ind{font-size:18px; letter-spacing:0px; font-weight:bold}
.h11{
	font-size: 48px;
    font-weight: 800;
    font-family: Roboto,sans-serif;padding:0px 0px 40px;
}
.card-title{font-weight:bold;COLOR: #191b30 ;}
.card-title-price{font-weight:bold; font-size:18px;color: #191b30;min-height: 82px;}

.fade {
    opacity: 1;
}
.nav-pills .nav-link {
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 18px;
    color: #191b30;
	line-height: 18px;
	padding:12px 18px;
	background:#f1f1f1;
	margin-right:3px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #ef7f1a;
    font-size: 18px;
    font-weight:600;
    padding: 12px 18px;
}
.currency {
    font-size: 1.5rem;
    font-weight: 600;
    position: relative;
    top: -25px;
  }
  .period {
    font-size: 1.2rem;
  }
.display-4 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
}
.newteb{margin-bottom:40px}
.pline {
    line-height: 20px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    margin-top: 18px;
	min-height: 120px;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem 1rem;
}
.btn--primary.btn {
    border: 0px solid #f98c01;
    background: linear-gradient(0,rgba(221,109,8,1) 0,rgba(253,145,0,1) 100%);
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
}


.video-height{width: 100%; height:100%}


.box-form {
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
    -moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 2px 2px 20px 0px #f5f1f1;
    padding-right: 0px;
    background: #fff;
	padding:15px
}
.pYfr3c {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 0px !important;
}
.OxAavc {
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 14px 24px !important;
    margin-top: 0;
    page-break-inside: avoid;
    -webkit-transition: background-color 200ms cubic-bezier(0,0,0.2,1);
    transition: background-color 200ms cubic-bezier(0,0,0.2,1);
}
.NVbRL .Mh5jwe:not(.JqSWld) {
    width: 100%;
}

@media screen and (max-width: 768px) {
  .video-text {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
	color:#fff;
	vertical-align: middle;
	width: 100%;
	transform: translate(-50%,-50%);
}
.h1 {
    font-size: 32px;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    padding: 0px 0px 40px;
    line-height: 1;
}
.btnlearn {
    background: #EF7F1A;
    color: #000;
    padding: 10px 10px;
    float: right;
    font-weight: 600;
    font-size: 16px;
}
.logo-pix4d{}
.logo-pix4d img{height:70px;}
.logo-pix4d img {
    height: 76px;
}
.top-section {
    padding: 0px 15px;
    min-height: 120px;
}
h6 {
    color: #000;
    text-transform: uppercase;
    padding: 15px 0px 12px;
    letter-spacing: 2px;
    font-size: 15px;
}
.hero-image-ab h1 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}
.video-height{width: 100%;}

.video-text p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}
.video-text h6 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 12px;
}
.btnhh{height:35px}
.h11 {
    font-size: 36px;
    font-weight: 800;
    font-family: Roboto,sans-serif;
    padding: 0px 0px 40px;
}
.card {margin-bottom:15px;}
}


.price-box{pa dding:0px 0px 60px 0px;}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    font-family: Roboto,sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    min-height: 70px;
}
.bg-primary {
    background-color: #356E8B !important;
}
.border-primary {
    border-color: #356E8B!important;
}

.bg-primary1 {
    background-color: #191b30  !important;
}
.border-primary1 {
    border-color: #254E64!important;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    font-size: 20px;
	min-height: 55px;
}