/*===================================*
01. GENERAL STYLE
*===================================*/
body {
background: #ffffff none repeat scroll 0 0;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 16px;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6 {
color: #292b2c;
font-family: 'Rubik', sans-serif;
}
p {
color:#000;
}
hr {
border-top: 1px solid rgb(255 255 255) !important;
}

.upi-id{
font-size: 14px;
color: #fff;
border-radius: 11px;
padding: 5px 10px;
background-color: #f4821f;
}
.new-fin{
height: 175px;
box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 25px;
}
.new-btn123 {
border-color: #2d6fb6 !important;
background-color: #2d6fb6 !important;
color: #fff !important;
transform: rotate(-90deg);
position: fixed !important;
top: 50%;
left: -63px;
z-index: 999 !important;
}
.new-btn123:hover{
border-color: #f4821f !important;
color: #fff !important;
background-color: #f4821f !important;
}

.whatsapp {
position: fixed;
/*width: 10%;*/
top: 70%;
z-index: 9999;
left: 0;
/*transform: rotate(-90deg);*/
}

.whatsapp i {
background: green;
color: #fff;
padding: 10px;
font-size: 28px;
border-radius: 4px;
}

.mobile-img img {
margin: 10px 10px 10px 0px;
}

.team_img{
padding: 27px;
}
.blacklear button{
color: #000;
}
.new-btn12{
border-color: #2d6fb6 !important;
background-color: #2d6fb6 !important;
color: #fff !important;
transform: rotate(-90deg);
position: fixed !important;
top: 40%;
left: -50px;
z-index: 999 !important;
}
.new-btn12:hover{
border-color: #f4821f !important;
color: #fff !important;
background-color: #f4821f !important;
}
.modal-header {
border-bottom: none;
}
.modal-body {
padding-bottom: 4rem;
}
.main-top {
background-color: #f4821f;
position: fixed;
top: 95vh;
z-index: 99999;
}


.main-top h1{
padding: 7px 2px 0px;
color: #fff;
font-size: 15px;
}
.iam{
color: white;
font-size: 55px;
padding: 15px;
font-family: sans-serif;
}
.text{
color: #ff9900;
/*border-right: 2px solid red;*/
font-size: 55px;
/*font-family: sans-serif;*/
font-weight: 600;
}
.top-header{
display: none;
}
.text-banner h1{
color: #fff;
font-weight: bold;
font-size: 60px;
}
.banner-img img{
border-radius: 35px;
}
.new-content{
position: absolute;
top: 100px;
left: 100px;
}
.carousel-item{
position: relative;
}
.carousel-item::before {
content: "";
width: 100%;
/*background: rgb(0 0 0 / 50%);*/
position: absolute;
height: 100%;
}
.main-blog{
margin: 20px 10px;
background-color: #fff;
}
.blog{
background-color: #fff;
}
.meta-image{
padding-top: 15px;
display: flex;
padding-bottom: 16px;
/*flex-direction: column-reverse;*/
}
.banner-btn{
padding-top: 25px;
}
.new-head h2{
margin: 0 !important;
}
.banner{
background-color: #fff;
/*box-shadow: inset 0 45px 90px -69px #0a196c;*/
background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/banner-final.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 200px 0 108px;
}
.banner-para p{
color: #fff;
}
.next-banner {
height: 100px;
}
.blog-text{
padding: 15px 20px 25px 20px;
height:400px;
}
.mobile-1 h2{
color: #00008B;
font-size: 52px;
}
.mobile-para p{
color: #00008B;
font-size: 20px;
}
.tags1{
padding-left: 20px;
}
.blog-text h3{
font-size: 23px;
line-height: 30px;
padding-top: 15px;
}
.blog-btn{
color: #fff;
background-color: #0a196c;
border-radius: 8px;
padding: 5px 15px;
border: #0a196c;
}
.blog-btn a{
color: #fff;
}
.blog-btn a:hover{
color: #fff;
}
.main-opinion{
display: flex;
align-items: center;
}
.mirk{
color: #0a196c;
}
.report-img i{
font-size: 40px;
color: #0a196c;
}
.main-blog:hover .blog-image img{
transform: scale(1.1);
}
.blog-image img{
transition: all 0.3s;
width: 100%;
height: 300px;
object-fit: cover;
}
.blog-image {
/*border: 1px solid;*/
overflow: hidden;
}
.categories{
display: block;
overflow: hidden;
}
.author-round{
width: 30px;
height: 50px;
/*  border-radius: 50%;*/
position: relative;
overflow: hidden;
text-align: center;
}
.author-round i {
margin-top: 10px;
font-size: 24px;
}
.categories li{
display: inline-block;
}
#features .feature-buttons-holder {
position: relative;
}
#features .box3d {
position: absolute;
left: 50%;
margin-top: 130px;
margin-left: -70px;
-webkit-perspective: 600px;
-webkit-perspective-origin: 10% 10%;
perspective: 600px;
perspective-origin: 10% 10%;
cursor: pointer;
}
#features .box3d .box3d-open {
-webkit-transform: rotateX(110deg) rotateY(-22deg) rotateZ(50deg) translateY(0px) translateX(10px) translateZ(47px) scaleX(0.8)!important;
transform: rotateX(110deg) rotateY(-22deg) rotateZ(50deg) translateY(0px) translateX(10px) translateZ(47px) scaleX(0.8)!important;
opacity: .8;
}
#features .box3d .box3d-top {
-webkit-transform: rotateX(90deg) rotateZ(45deg) translateY(-80px) translateX(-80px);
transform: rotateX(90deg) rotateZ(45deg) translateY(-80px) translateX(-80px);
}
#features .box3d .box3d-part {
width: 150px;
height: 150px;
position: absolute;
}
.accent-color-bg {
background-color: #4d2692;
}
#features .box3d .box3d-left {
-webkit-transform: rotateY(-45deg) translateX(-80px) translateY(80px);
transform: rotateY(-45deg) translateX(-80px) translateY(80px);
}
#features .box3d .box3d-right {
-webkit-transform: rotateY(45deg) translateX(80px) translateY(80px);
transform: rotateY(45deg) translateX(80px) translateY(80px);
}
#features .feature1 {
left: 10%;
}
.feature-title{
color: #fff;
}
.color1-bg {
color: #fff;
background-color: #0eb2e8;
}
#features .feature-button .feature-icon {
margin-bottom: 5px;
}
#features .feature-button .feature-title {
color: #fff;
}
#features .feature-button .feature-line-hide {
height: 0;
}
#features .feature-button .feature-line {
width: 1px;
border-left: 2px dashed;
height: 350px;
position: absolute;
left: 50%;
top: 100%;
}
.color1-border {
border-color: #0eb2e8!important;
}
#features .feature-button .feature-star-hide {
-webkit-transform: scale(0);
transform: scale(0);
}
#features .feature-button .feature-star {
font-size: 28px;
position: absolute;
left: 50%;
margin-left: -12px;
top: 128%;
-webkit-transform: scale(1);
transform: scale(1);
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.color1 {
color: #0eb2e8;
}
.fa-star:before {
content: "\f005";
}
#features .feature-button .feature-line {
width: 1px;
border-left: 2px dashed;
height: 350px;
position: absolute;
left: 50%;
top: 100%;
}
.color1-border {
border-color: #0eb2e8!important;
}
#features .feature-button .feature-star-hide {
-webkit-transform: scale(0);
transform: scale(0);
}
#features .feature-button .feature-star {
font-size: 28px;
position: absolute;
left: 50%;
margin-left: -12px;
top: 128%;
-webkit-transform: scale(1);
transform: scale(1);
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#features .feature2 {
left: 23%;
margin-top: 140px;
}
.color2-bg {
background-color: #e619aa;
}
#features .feature-button .feature-icon {
margin-bottom: 5px;
}
#features .feature-button .feature-title {
color: #fff;
}
#features .feature-button .feature-line-hide {
height: 0;
}
#features .feature-button .feature-line {
width: 1px;
border-left: 2px dashed;
height: 350px;
position: absolute;
left: 50%;
top: 100%;
}
.color2-border {
border-color: #e619aa!important;
}
#features .feature-button .feature-star-hide {
-webkit-transform: scale(0);
transform: scale(0);
}
#features {
position: relative;
min-height: 400px;
overflow: hidden;
}
#features .feature-button:hover {
opacity: .8;
}
#features .feature-button .feature-star {
font-size: 28px;
position: absolute;
left: 50%;
margin-left: -12px;
top: 128%;
-webkit-transform: scale(1);
transform: scale(1);
}
.fa-star:before {
content: "\f005";
}
#features .feature3 {
right: 23%;
margin-top: 140px;
}
.color3-bg {
background-color: #8cc726;
}
#features .feature-button .feature-icon {
margin-bottom: 5px;
}
#features .feature-button .feature-title {
color: #fff;
}
#features .feature-button .feature-title {
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
#features .feature-button .feature-line-hide {
height: 0;
}
#features .feature-button .feature-line {
width: 1px;
border-left: 2px dashed;
height: 350px;
position: absolute;
left: 50%;
top: 100%;
}
.color3-border {
border-color: #8cc726!important;
}
.color3 {
color: #8cc726;
}
.fa-star:before {
content: "\f005";
}
#features .feature4 {
right: 10%;
}
#features .feature-button {
width: 156px;
height: 156px;
border-radius: 78px;
text-align: center;
padding-top: 28px;
position: absolute;
cursor: pointer;
transform: scale(1);
transition: all .7s ease 0s;
}
.color4-bg {
background-color: #ff6a06;
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
clear: both;
}
.feature-area{
background-color: #0a196c;
}
.feature-area h2{
color: #fff !important;
}
.feature-area1 h2{
color: #fff !important;
}

.services-sidebar .sidebar-widget {
background: #fff;
padding: 25px;
margin-bottom: 30px;
}
.sidebar-widget .widgettitle, .sidebar-widget .widget-title, .wp-block-group__inner-container h2 {
font-size: 20px;
margin-bottom: 0;
line-height: 1;
text-align: left;
font-weight: 700;
margin-bottom: 30px;
border-left: 4px solid #f4821f;
padding-left: 15px;
color: #f4821f;
}
.services-categories {
position: relative;
}
.services-categories li {
position: relative;
border: 1px solid #e7e7e7;
margin-bottom: 15px;
z-index: 1;
width: 100%;
}

/*.services-categories li:before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 4px;
background-color: #fff;
content: "";
opacity: 0;
visibility: hidden;
}*/
.services-categories li a {
font-size: 16px;
font-weight: 700;
color: #222222;
line-height: 30px;
padding: 10px 25px;
display: block;
overflow: hidden;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
background: #fff;
}
.services-categories li.active:before, .services-categories li:hover:before {
opacity: 1;
visibility: visible;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.services-categories li.active a, .services-categories li:hover a {
color: #ffffff;
background: #00008B;
}
.services-categories li.active a::before {
background: #fff;
}
.services-categories li.active a:before, .services-categories li:hover a:before {
color: #0a196c;
background-color: #fff;
}
.services-categories li a:before {
position: absolute;
right: 0;
top: 0;
font-size: 12px;
line-height: 30px;
color: #fff;
font-weight: 700;
content: "\f061";
font-family: "Font Awesome 5 pro";
transition: all 300ms ease;
width: 50px;
height: 50px;
background: #00008B;
text-align: center;
line-height: 50px;
}
.services-categories li:hover .services-categories li a:before{
color: #fff;
background-color: #0a196c;
}
.risk-profile h2{
color: #0a196c;
}
.contact-form1{
/*padding: 30px 0px;*/
background: #ffeceb;
}
.form-field input{
width: 100%;
padding: 7px 15px;
background-color: #fff;
border-radius: 3px;
border: 2px solid #f2f1fe;
margin: 12px 0px;
}
.form-field input:focus::-webkit-input-placeholder{
color: transparent;
}

.form-field input:focus{
outline: none;
border: 2px solid #fff;
border-radius: 3px;
padding-left: 70px;
background-color: #fff;
}
.form-control-1{
transition: all 0.4s;
}
.contact-respond .form-control-1:focus+label {
display: flex;
z-index: 5;
}
.form-field textarea{
width: 100%;
height: 120px;
padding: 10px 15px;
background-color: #fff;
border-radius: 3px;
border: 2px solid #f2f1fe;
}
.form-field textarea:focus{
outline: none;
border: #fff;
border-radius: 3px;
background-color: #fff;
}
.form-field {
margin-bottom: 10px;
}
.lable-position{
position: absolute;
z-index: 1;
height: 100%;
display: none;
flex-direction: column;
justify-content: center;
/*padding: 0 30px;*/
font-size: 15px;
color: #161c2d;
font-weight: 500;
top: 0px;
left: 16px;
}
.lable-position-1{
position: absolute;
z-index: 1;
height: 100%;
display: none;
flex-direction: column;
justify-content: center;
/*padding: 0 30px;*/
font-size: 15px;
color: #161c2d;
font-weight: 500;
top: -62px;
left: 58px;
}
.lable-position-2{
position: absolute;
z-index: 1;
height: 100%;
display: none;
flex-direction: column;
justify-content: center;
/*padding: 0 30px;*/
font-size: 15px;
color: #161c2d;
font-weight: 500;
top: 13px;
left: 61px;
}
.position-relative{
position: relative;
}
.blue-btn {
text-align: center;
width: 35%;
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgb(0 0 0 / 0%);
position: relative;
transition-property: color;
transition-duration: 0.3s;
background-color: #df3f3e;
color: #fff;
padding: 5px 30px;
border-radius: 3px;
text-decoration: none;
}
.blue-btn:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
/*border-radius: 25px;*/
background-color: #161c2d;
transform: scaleX(0);
transform-origin: 0 50%;
transition: transform 0.3s ease-out;
}
.blue-btn:hover {
color: white;
/*border-radius: 25px;*/
text-decoration: none;
} 
.benifit-img img{
vertical-align: middle;
border-radius: 30px 0px 30px 0px;
margin-top: 65px;
}

.pricing-box {
width: 100%;
position: relative;
background: #0a196c;
border-radius: 4px;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);
padding: 50px 20px;
color: #fff;
}
.pricing-head {
text-align: center;
}
.pricing-head h3 {
color: #fff;
font-size: 26px;
display: inline-block;
font-weight: 700;
}
.pricing-box2 .price-count {
text-align: center;
margin-top: 15px;
}
.pricing-box2 .price-count h2 {
font-size: 30px;
color: #fff;
}
.price-count span {
margin-left: -10px;
}
.rupees {
color: #ffffff !important;
font-size: 21px !important;
margin-right: 6px;
}
.price-count sub {
color: #fff;
font-size: 14px;
bottom: 3px;
}
.pricing-body {
float: left;
}
.pricing-body {
padding: 0px;
width: 100%;
}
.price-count h2 {
font-size: 50px;
font-weight: 700 !important;
margin-bottom: 0 !important;
color: #fe964d;
}
.pricing-btn {
text-align: center;
width: 50%;
margin: 0 auto;
}
.btn:hover {
color: #000;
background-color: #ecf0f1;
text-decoration: none;
}
/*.pricing-btn .btn {
width: 100%;
}*/
.btn {
border-radius: 5px;
color: #000;
display: inline-block;
font-size: 16px;
letter-spacing: 0;
line-height: 1;
margin-bottom: 0;
padding: 20px 10px;
text-align: center;
/* text-transform: unset; */
touch-action: manipulation;
transition: all 0.3s ease 0s;
vertical-align: middle;
white-space: nowrap;
position: relative;
z-index: 8;
/* text-transform: uppercase; */
background: #fff;
border: none;
}
.pricing-body ul li {
margin-top: 15px;
list-style: none !important;
font-size: 18px;
}
.pricing-body li:first-child {
margin-top: 20px;
}
.pricing-body li::before {
content: "";
font-weight: bold;
font-family: "Font Awesome 5 Pro";
color: #fff;
width: 25px;
height: 25px;
position: relative;
float: left;
text-align: center;
font-size: 12px;
line-height: 22px;
margin-top: 2px;
margin-right: 15px;
border-width: 2px;
border-style: solid;
border-color: initial;
border-image: initial;
border-radius: 50%;
}
.main-icon{
justify-content: center;
display: flex;
align-items: center;
}
.price-icon{
font-size: 50px;
}


.main-form{
padding-bottom: 15px;
}
.first-heading{
color: #fff;
font-weight: bold;
font-size: 28px;
}
.first-heading1{
margin-bottom: 0px;
background-color: #273c56;
color: #fff;
font-weight: bold;
font-size: 28px;
border-radius: 10px 10px 0px 0px;
padding: 15px 25px;
}
.contact-form{
background-color: #2f4d71;
padding: 30px 25px;
border-radius: 0px 0px 10px 10px;
}
.form-field1 input{
width: 50%;
padding: 10px 15px;
background-color: #fff;
border-radius: 3px;
border: 2px solid #f2f1fe;
}
.blue-btn1 {
text-align: center;
width: 20%;
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgb(0 0 0 / 0%);
position: relative;
transition-property: color;
transition-duration: 0.3s;
background-color: #df3f3e;
color: #fff;
padding: 5px;
border-radius: 3px;
text-decoration: none;
}
.blue-btn1:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
/*border-radius: 25px;*/
background-color: #161c2d;
transform: scaleX(0);
transform-origin: 0 50%;
transition: transform 0.3s ease-out;
}
.blue-btn1:hover {
color: white;
/*border-radius: 25px;*/
text-decoration: none;
}

.titletextcompont h2{
color: #00008B;
text-align: center;
} 
.table-value{
border: 1px solid #000;
}
.table-value th{
color: #0a196c;
border: 1px solid #000;
}
.table-value td{
color: #000;
border-color: #000;
}
.table-heading{
color: #000;
font-weight: bold;
}
.new-table{
padding: 50px 0px;
}
.table-value th i{
font-size: 40px;
}
.table-value1{
display: inline-block;
color: #000;
margin: 0;
width: 100%;
}
.table-value1 th a i{
color: #00008B;
font-size: 43px;
}
.new-research{
box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
padding: 20px;
}
.feature-box .feature-content {
min-height: 189px;
position: relative;
}
.breadcrumb_section {
padding: 100px 0px 100px;
background: url(../images/bread.png) !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
}
.videoIn h2 {
text-transform: uppercase;
font-size: 28px;
margin-bottom: 30px;
}
.feature-box .feature-content .btn-bar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.ncoment {
box-shadow: rgba(0, 0, 0, 0.11) 0 15px 30px 0px, rgba(0, 0, 0, 0.08) 0 5px 15px 0 !important;
padding: 30px;
margin-bottom: 40px;
}
.mobileservice
{
display:none;
}
.videoContain p {
text-align: justify;
}
a {
color: #292b2c;
text-decoration: none;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.riskpr {
background: #fff;
padding: 30px;
border: 1px solid #ddd;
}
.riskForm {
padding: 50px 0;
}
.grybg {
background: #eee;
}

.riskpr td {
vertical-align: top;
padding: 10px 0;
}
label.servicess {
margin-right: 10px;
}
.riskpr label b {
color: #000;
}
.riskpr li {
list-style: none;
}
.riskpr ol {
margin: 0 23px 0 0;
padding: 7px 0;
}
.riskpr input[type="radio"] {
margin: 5px 8px 0 !important;
vertical-align: top;
display: inline-block;
}
.riskpr table {
width: 100%;
margin: 0 18px;
}
.riskTable td {
padding: 8px !important;
}
.p1 {
margin: 18px;
}
.videoIn {
position: relative;
}
.videooverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.5);
}
.videooverlay .btn {
position: absolute;
left: 0;
right: 0;
width: 250px;
margin: auto;
top: 0;
bottom: 0;
height: 60px;
}
.videoplay {
background: #fff;
padding: 30px;
}
.videoSection {
background: #eee;
}
.videoIn iframe {
width: 100%;
height: 345px;
}
section {
padding: 50px 0;
position: relative;
width: 100%;
}
.btntag {
background: #07294d;
color: #fff;
border: 0;
padding: 7px 27px;
text-transform: uppercase;
margin: 0 0 0 16px !important;
display: inline-block;
}
a:hover {
color: #f4821f !important;
text-decoration: none;
}
a:focus {
outline: none;
text-decoration: none;
}
.navbar-brand img {
width: 100%;
}
button {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
img {
max-width: 100%;
}
ul,li,ol {
margin: 0;
padding: 0;
}
fieldset {
border: 0 none;
margin: 0 auto;
padding: 0;
}
.whois {
padding: 20px 33px;
background: #fff;
box-shadow: 0 0 8px rgba(0,0,0,0.1);
margin-top:10px;
}
input:focus,
textarea:focus {
outline: none;
box-shadow:  none !important;
}
section {
padding: 80px 0;
position:relative;
width: 100%;
}
.past {
background: #ecf0f1;
}
section.small_pt,
.top_footer.small_pt {
padding-top: 50px;
}
section.small_pb,
.top_footer.small_pb {
padding-bottom: 50px;
}
.small_padding {
padding: 30px;
}
.medium_padding {
padding: 50px;
}
.large_padding {
padding: 100px;
}
.small_divider {
height: 30px;
}
.medium_divider {
height: 50px;
}
.large_divider {
height: 100px;
}
.padding_eight_all {
padding: 10%;
}
.padding_eight_lr {
padding: 0 8%;
}
.list_none li {
list-style:none;
}
.order_list,
.disc_list {
padding-left: 15px;
}
.btn:focus,.btn:hover,.btn.active {
box-shadow: none;
outline: medium none;
}
button:focus {
outline:none;
}
.course_tabs {
background: #fff;
padding: 20px 35px;
border: 1px solid #ddd;
}
.btn {
border-width: 2px;
cursor: pointer;
line-height: normal;
padding: 12px 30px;
text-transform: capitalize;
transition: all 0.5s ease-in-out;
position: relative;
overflow: hidden;
z-index: 1;
font-weight: bold;
color: #000;
}
.btn.active:focus, .btn:active:focus {
box-shadow: none !important;
}
.btn-default {
background-color: #FFBC09;
border: 2px solid #FFBC09;
color: #ffffff !important;
padding: 12px 30px;
}
.btn-default:hover {
background-color: #DF9C00;
border-color: #DF9C00;
color: #fff !important;
}
.past .box
{
background: #fff;
position: relative;
height: 218px;
display: inline-flex;
width: 100%;
align-items: center;
padding: 0 12px;
}
.past .box img {
height: 46px !important;
width: auto !important;
display: inline-block !important;
}
.past .box h6 {
font-weight: bold;
border-bottom: 1px solid #000;
padding: 0 0 4px;
}

.past .box h3 {
color: #34cd61;
font-size: 22px;
line-height: 28px;
margin: 8px 0 0;
}
.past .box .detailll {
width: 100%;
text-align: center;
}
.past .box span {
display: block;
font-size: 10px;
color: #000;
text-transform: lowercase;
}
/*.btn-default::before {
content: "";
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 2em;
display: block;
position: absolute;
top: 0;
left: -4.5em;
-webkit-transform: skewX(-45deg) translateX(0);
transform: skewX(-45deg) translateX(0);
transition: all 0.8s ease-in-out;
}*/
.btn-default:hover::before {
-webkit-transform: skewX(-45deg) translateX(30em);
transform: skewX(-45deg) translateX(30em);
}
.btn-black {
border: 2px solid #333;
background-color: #333;
color: #ffffff;
padding: 12px 30px;
}
.btn-black:hover {
background-color: #ffffff;
color: #333;
}
.btn-outline-white {
background-color: transparent;
border: 2px solid #fff;
color: #fff;
padding: 12px 30px;
}
.btn-outline-white:hover {
color: #07294d;
}
.btn-outline-white::before {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 0px;
z-index: -1;
content: '';
background-color: #fff;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.btn-outline-white::after {
content: "";
position: absolute;
height: 0%;
left: 50%;
top: 50%;
width: 150%;
z-index: -1;
-webkit-transition: all 0.75s ease 0s;
-moz-transition: all 0.75s ease 0s;
-o-transition: all 0.75s ease 0s;
transition: all 0.75s ease 0s;
}
.btn-outline-white:hover::before {
left: 0%;
right: auto;
width: 100%;
}
.btn-outline-black {
background-color: transparent;
border: 2px solid #333;
color: #333;
padding: 12px 30px;
}
.btn-outline-black:hover {
color: #fff;
}
.btn-outline-black::before {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 0px;
z-index: -1;
content: '';
background-color: #333;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.btn-outline-black::after {
content: "";
position: absolute;
height: 0%;
left: 50%;
top: 50%;
width: 150%;
z-index: -1;
-webkit-transition: all 0.75s ease 0s;
-moz-transition: all 0.75s ease 0s;
-o-transition: all 0.75s ease 0s;
transition: all 0.75s ease 0s;
}
.btn-outline-black:hover::before {
left: 0%;
right: auto;
width: 100%;
}
/*.animation {
color: #fff !important;
background-color: #0a196c !important;
}
.animation:hover {
color: #0a196c !important;
background-color: #fff !important;
}*/
.btn-outline-default {
background-color: transparent;
border: 2px solid #FFBC09;
color: #FFBC09 !important;
padding: 12px 30px;
}
.btn-outline-default:hover {
color: #fff !important;
}
.btn-outline-default::before {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 0px;
z-index: -1;
content: '';
background-color: #FFBC09;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.btn-outline-default::after {
content: "";
position: absolute;
height: 0%;
left: 50%;
top: 50%;
width: 150%;
z-index: -1;
-webkit-transition: all 0.75s ease 0s;
-moz-transition: all 0.75s ease 0s;
-o-transition: all 0.75s ease 0s;
transition: all 0.75s ease 0s;
}
.btn-outline-default:hover::before {
left: 0%;
right: auto;
width: 100%;
}
.btn-radius,
.pr-radius {
border-radius: 40px !important;
}
.btn + .btn {
margin-left: 10px;
}
.btn i {
font-size: 22px;
vertical-align: middle;
line-height: 1;
}
.btn span {
font-size: 14px;
}
.btn-group-sm > .btn, .btn-sm {
padding: 7px 15px;
}
.btn-group-lg > .btn, .btn-lg {
padding: 14px 35px;
}
.btn-xs {
padding: 4px 15px;
font-size: 12px;
}
.btn-md {
padding: 12px 30px;
font-size: 16px;
}
.btn.btn-xs i {
font-size: 12px;
}
.btn.btn-sm i {
font-size: 16px;
}
.btn.btn-lg i {
font-size: 28px;
}
.radius_all_5 {
border-radius: 5px;
}
.radius_all_10 {
border-radius: 10px;
}
.radius_ltrt_5 {
border-radius: 5px 5px 0 0;
}
.radius_ltrt_10 {
border-radius: 10px 10px 0 0;
}
.radius_lbrb_5 {
border-radius: 0 0 5px 5px;
}
.radius_lbrb_10 {
border-radius: 0 0 10px 10px;
}
.radius_ltlb_5 {
border-radius: 5px 0 0 5px;
}
.radius_ltlb_10 {
border-radius: 10px 0 0 10px;
}
.radius_rtrb_10 {
border-radius: 0 10px 10px 0;
}
.box_shadow1 {
box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.box_shadow2 {
box-shadow: 0px 4px 20px rgba(101, 101, 101, 0.1);
}
.blog h2{
color: #0a196c;
}
.heading_s1 h1 {
font-weight: 700;
margin: 0;
text-transform: capitalize;
}
.heading_s1 h2{
color: #000;
font-size: 40px;
line-height: 50px;
font-weight: 700;
margin-top: 0px;
}
.heading_s1 h1,.heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 {
margin-bottom: 1rem;
text-transform: capitalize;
}
.heading_s1 p {
margin-bottom: 0;
}
.heading_s1.heading_light::before {
background-color: #ffffff;
}
.text_uppercase * {
text-transform: uppercase;
}	
.form-control,
.form-control:focus,
.custom-file-input:focus ~ .custom-file-label {
color: #666666;
box-shadow: none;
border-color: #f4821f;
}
.form-control {
height: 45px;
padding: 10px 20px;
}
.field_form .form-group:last-child {
margin: 0;
}
.form-control::-webkit-input-placeholder {
color:#666666;
opacity:1
}
.form-control::-moz-placeholder {
color:#666666;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#666666;
opacity:1
}
.form-control::-ms-input-placeholder {
color:#666666;
opacity:1
}
.form-control::placeholder {
color:#666666;
opacity:1
}
.form_style1 .form-control,.form_style1 .form-control:focus {
border-radius: 40px;
}
.form_style2 .form-control,.form_style2 .form-control:focus {
border-radius: 0px;
}
.form_transparent .form-control,.form_transparent .form-control:focus, .form_transparent .custom-file-input:focus ~ .custom-file-label {
background-color: transparent;
color: #fff;
}
.form_transparent .form-control::placeholder {
color: #fff;
}
.form_transparent .form-control::placeholder {
color: #fff;
}
.form_transparent .form-control::placeholder {
color: #fff;
}
.form_transparent .form-control::placeholder {
color: #fff;
}
.text_white * {
color: #fff;
}
.text_dark * {
color: #333 !important;
}
.text_default {
color: #07294d  !important;
}
.text_light_green {
color: #B3D369 !important;
}
.text_danger {
color: #F5576C !important;
}
.text_warning {
color: #f5bf2f !important;
}
.overflow_hide {
overflow: hidden;
}
.scrollup {
background-color: #1566bf;
border-radius: 100%;
bottom: 40px;
color: #ffffff;
font-size: 24px;
height: 40px;
line-height: 40px;
position: fixed;
right: 20px;
text-align: center;
width: 40px;
z-index: 99;
}
.scrollup:hover {
background-color: #f4821f !important;
color: #fff !important;
}
.scrollup:focus {
color:#fff;
}
.bg_size_auto {
background-size: auto !important;
}
.bg_size_contain {
background-size: contain !important;
}
.bg_repeat {
background-repeat: repeat !important;
}
.position_top_center {
background-position: top center !important;
}
.position_center_bottom {
background-position: center bottom !important;
}
.position_right_center {
background-position: right center !important;
}
.position_right_bottom {
background-position: right bottom !important;
}
.bg_fixed {
background-attachment: fixed !important;
}
.z_index_minus1 * {
z-index: -1;
position: relative;
}
.overlay_bg_90,
.overlay_bg_80,
.overlay_bg_70,
.overlay_bg_60,
.overlay_bg_50,
.overlay_bg_40,
.overlay_bg_30,
.overlay_bg_30,
.overlay_bg_20,
.overlay_bg_10,
.overlay_bg_danger_90,
.overlay_bg_light_green_90,
.overlay_bg_default_90,
.overlay_bg_default_80,
.overlay_bg_default_70,
.overlay_bg_default_60,
.overlay_bg_default_50,
.overlay_bg_default_40,
.overlay_bg_default_30,
.overlay_bg_default_20,
.overlay_bg_default_10,
.overlay_bg_danger_90,
.overlay_bg_danger_80,
.overlay_bg_danger_70,
.overlay_bg_danger_60,
.overlay_bg_danger_50,
.overlay_bg_danger_40,
.overlay_bg_danger_30,
.overlay_bg_danger_20,
.overlay_bg_danger_10,
.overlay_bg_light_green_90,
.overlay_bg_light_green_80,
.overlay_bg_light_green_70,
.overlay_bg_light_green_60,
.overlay_bg_light_green_50,
.overlay_bg_light_green_40,
.overlay_bg_light_green_30,
.overlay_bg_light_green_20
.overlay_bg_light_green_10,
.overlay_bg_blue_90,
.overlay_bg_blue_80,
.overlay_bg_blue_70,
.overlay_bg_blue_60,
.overlay_bg_blue_50,
.overlay_bg_blue_40,
.overlay_bg_blue_30,
.overlay_bg_blue_20,
.overlay_bg_blue_10 {
position: relative;
}
.overlay_bg_90::before,
.overlay_bg_80::before,
.overlay_bg_70::before,
.overlay_bg_60::before,
.overlay_bg_50::before,
.overlay_bg_40::before,
.overlay_bg_30::before,
.overlay_bg_30::before,
.overlay_bg_20::before,
.overlay_bg_10::before,
.overlay_bg_danger_90:before,
.overlay_bg_light_green_90:before,
.overlay_bg_default_90:before,
.overlay_bg_default_80:before,
.overlay_bg_default_70:before,
.overlay_bg_default_60:before,
.overlay_bg_default_50:before,
.overlay_bg_default_40:before,
.overlay_bg_default_30:before,
.overlay_bg_default_20:before,
.overlay_bg_default_10:before,
.overlay_bg_danger_90:before,
.overlay_bg_danger_80:before,
.overlay_bg_danger_70:before,
.overlay_bg_danger_60:before,
.overlay_bg_danger_50:before,
.overlay_bg_danger_40:before,
.overlay_bg_danger_30:before,
.overlay_bg_danger_20:before,
.overlay_bg_danger_10:before,
.overlay_bg_light_green_90:before,
.overlay_bg_light_green_80:before,
.overlay_bg_light_green_70:before,
.overlay_bg_light_green_60:before,
.overlay_bg_light_green_50:before,
.overlay_bg_light_green_40:before,
.overlay_bg_light_green_30:before,
.overlay_bg_light_green_20:before,
.overlay_bg_light_green_10:before,
.overlay_bg_blue_90:before,
.overlay_bg_blue_80:before,
.overlay_bg_blue_70:before,
.overlay_bg_blue_60:before,
.overlay_bg_blue_50:before,
.overlay_bg_blue_40:before,
.overlay_bg_blue_30:before,
.overlay_bg_blue_20:before,
.overlay_bg_blue_10:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay_bg_90::before {
background-color: rgba(0, 0, 0, 0.90);
}
.overlay_bg_80::before {
background-color: rgba(0, 0, 0, 0.80);
}
.overlay_bg_70::before {
background-color: rgba(0, 0, 0, 0.70);
}
.overlay_bg_60::before {
background-color: rgba(0, 0, 0, 0.60);
}
.overlay_bg_50::before {
background-color: rgba(0, 0, 0, 0.50);
}
.overlay_bg_40::before {
background-color: rgba(0, 0, 0, 0.40);
}
.overlay_bg_30::before {
background-color: rgba(0, 0, 0, 0.30);
}
.overlay_bg_20::before {
background-color: rgba(0, 0, 0, 0.20);
}
.overlay_bg_10::before {
background-color: rgba(0, 0, 0, 0.10);
}
.overlay_bg_danger_90:before {
background-color: rgba(245, 87, 108, 0.90);
}
.overlay_bg_danger_80:before {
background-color: rgba(245, 87, 108, 0.80);
}
.overlay_bg_danger_70:before {
background-color: rgba(245, 87, 108, 0.70);
}
.overlay_bg_danger_60:before {
background-color: rgba(245, 87, 108, 0.60);
}
.overlay_bg_danger_50:before {
background-color: rgba(245, 87, 108, 0.50);
}
.overlay_bg_danger_40:before {
background-color: rgba(245, 87, 108, 0.40);
}
.overlay_bg_danger_30:before {
background-color: rgba(245, 87, 108, 0.30);
}
.overlay_bg_danger_20:before {
background-color: rgba(245, 87, 108, 0.20);
}
.overlay_bg_danger_10:before {
background-color: rgba(245, 87, 108, 0.10);
}
.overlay_bg_light_green_90:before {
background-color: rgba(179, 211, 105, 0.90);
}
.overlay_bg_light_green_80:before {
background-color: rgba(179, 211, 105, 0.80);
}
.overlay_bg_light_green_70:before {
background-color: rgba(179, 211, 105, 0.70);
}
.overlay_bg_light_green_60:before {
background-color: rgba(179, 211, 105, 0.60);
}
.overlay_bg_light_green_50:before {
background-color: rgba(179, 211, 105, 0.50);
}
.overlay_bg_light_green_40:before {
background-color: rgba(179, 211, 105, 0.40);
}
.overlay_bg_light_green_30:before {
background-color: rgba(179, 211, 105, 0.30);
}
.overlay_bg_light_green_20:before {
background-color: rgba(179, 211, 105, 0.20);
}
.overlay_bg_light_green_10:before {
background-color: rgba(179, 211, 105, 0.10);
}
.overlay_bg_default_90:before {
background-color: rgba(255, 188, 9, 0.90);
}
.overlay_bg_default_80:before {
background-color: rgba(255, 188, 9, 0.80);
}
.overlay_bg_default_70:before {
background-color: rgba(255, 188, 9, 0.70);
}
.overlay_bg_default_60:before {
background-color: rgba(255, 188, 9, 0.60);
}
.overlay_bg_default_50:before {
background-color: rgba(255, 188, 9, 0.50);
}
.overlay_bg_default_40:before {
background-color: rgba(255, 188, 9, 0.40);
}
.overlay_bg_default_30:before {
background-color: rgba(255, 188, 9, 0.30);
}
.overlay_bg_default_20:before {
background-color: rgba(255, 188, 9, 0.20);
}
.overlay_bg_default_10:before {
background-color: rgba(255, 188, 9, 0.10);
}
.overlay_bg_blue_80:before {
background-color: rgba(7, 41, 77, 0.80);
}
.overlay_bg_blue_70:before {
background-color: rgba(7, 41, 77, 0.70);
}
.overlay_bg_blue_60:before {
background-color: rgba(7, 41, 77, 0.60);
}
.overlay_bg_blue_50:before {
background-color: rgba(7, 41, 77, 0.50);
}
.overlay_bg_blue_40:before {
background-color: rgba(7, 41, 77, 0.40);
}
.overlay_bg_blue_30:before {
background-color: rgba(7, 41, 77, 0.30);
}
.overlay_bg_blue_20:before {
background-color: rgba(7, 41, 77, 0.20);
}
.overlay_bg_blue_10:before {
background-color: rgba(7, 41, 77, 0.10);
}
.bg_black {
background-color: #0a1c31;
}
.bg_gray {
background-color: #F7F7F7;
}
.bg_default {
background-color: #FFBC09;
}
.bg_light_green {
background-color: #B3D369;
}
.bg_danger {
background-color: #f5576c;
}
.bg_danger {
background-color: #f5576c;
}
.bg_blue {
background-color: #36D4ED;
}
.bg_blue_dark {
background-color: #07294D;
}
.bg_blue_dark2 {
background-color: #072044;
}
.bg_orange {
background-color: #FF9131;
}
.bg_pink {
background-color: #FF69B4;
}
.radius_all_5[class*="overlay_bg_"]:before{
border-radius: 5px;
}
.radius_all_10[class*="overlay_bg_"]:before {
border-radius: 10px;
}
.border_top_tran {
border-top: 1px solid rgba(255,255,255,0.5);
}
.ripple {
background-color: #FFFFFF;
border-radius: 100%;
color: #FFBC09;
position: relative;
display: inline-block;
margin-right: 25px;
line-height: 50px;
font-size: 18px !important;
vertical-align: middle;
margin-left: 0;
height: 50px;
width: 50px;
text-align: center;
}
.ripple::before,.ripple::after {
-webkit-animation: ripple 1.8s infinite ;
-moz-animation: ripple 1.8s infinite ;
-o-animation: ripple 1.8s infinite ;
-ms-transition:ripple 1.8s infinite ;
animation: ripple 1.8s infinite ;
background-color: #ffffff;
border-radius: 100%;
margin: -20px;
bottom: 0px;
content: "";
display: block;
left: 0px;
opacity: 0;
position: absolute;
right: 0px;
top: 0px;
z-index:-1;
}
.ripple::before {
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
}
.ripple::after {
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
@-webkit-keyframes ripple{
0%{
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
50%{
opacity:0.5;
}
100%{
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes ripple{
0%{
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
50%{
opacity:0.5;
}
100%{
opacity:0;
-webkit-transform:scale(1);
transform:scale(1)
}
}
/*feature*/
.integration-icons {
height: 230px;
width: 593px;
margin-right: 0;
position: absolute;
right: 0;
top: -65px;
padding: 0 84px;
}

.integration-icons .icon {
height: 104px;
width: 104px;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-ms-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-o-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: move-icon;
animation-name: move-icon;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-transition-delay: .4s;
transition-delay: .4s;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer
}

.integration-icons .icon i {
color: #07294d
}

.integration-icons .icon span {
position: absolute;
background: #07294d;
color: #fff;
padding: 3px 25px;
border-radius: 50px;
text-transform: uppercase;
font-size: 14px;
bottom: -20px;
text-align: center;
}

.integration-icons .icon:nth-child(1) {
position: absolute;
height: 100px;
width: 100px;
-webkit-animation-delay: -3s;
animation-delay: -3s
}

.integration-icons .icon:nth-child(1) i {
font-size: 30px
}

.integration-icons .icon:nth-child(2) {
position: absolute;
height: 100px;
width: 100px;
right: 0;
top: 10px;
-webkit-animation-delay: -2.2s;
animation-delay: -2.2s
}

.integration-icons .icon:nth-child(2) i {
font-size: 27px
}

.integration-icons .icon:nth-child(3) {
position: absolute;
height: 100px;
width: 100px;
left: 60px;
top: -105px;
right: 0;
-webkit-animation-delay: 0;
animation-delay: 0;
margin: auto;
}

.integration-icons .icon:nth-child(3) i {
font-size: 30px
}

.integration-icons .icon:nth-child(4) {
position: absolute;
height: 100px;
width: 100px;
right: 100px;
bottom: 40px;
-webkit-animation-delay: -2s;
animation-delay: -2s
}

.integration-icons .icon:nth-child(4) i {
font-size: 28px
}

.integration-icons .icon:nth-child(5) {
position: absolute;
height: 100px;
width: 100px;
left: 0;
right: 0;
margin: 0 auto;
top: 90px;
-webkit-animation-delay: .8s;
animation-delay: .8s
}

.integration-icons .icon:nth-child(5) i {
font-size: 30px
}

@-webkit-keyframes move-icon {
from {
-webkit-transform: translateY(15px) translateX(8px) rotate(10deg);
transform: translateY(15px) translateX(8px) rotate(10deg)
}
to {
-webkit-transform: translateY(-15px) translateX(-8px) rotate(0);
transform: translateY(-15px) translateX(-8px) rotate(0)
}
}

@keyframes move-icon {
from {
-webkit-transform: translateY(15px) translateX(8px) rotate(10deg);
transform: translateY(15px) translateX(8px) rotate(10deg)
}
to {
-webkit-transform: translateY(-15px) translateX(-8px) rotate(0);
transform: translateY(-15px) translateX(-8px) rotate(0)
}
}

.integration-icons .move-icon from {
-webkit-transform: translateY(15px) translateX(8px) rotate(10deg);
transform: translateY(15px) translateX(8px) rotate(10deg)
}

.integration-icons .move-icon to {
-webkit-transform: translateY(-15px) translateX(-8px) rotate(0);
transform: translateY(-15px) translateX(-8px) rotate(0)
}

/*service*/
.services {
padding: 185px 0 190px
}

.services .rotate-content {
position: relative
}

.services .rotate-inner {
display: flex;
justify-content: center
}

.services .feat03-slider {
position: relative
}

.services .feat03-slider:after {
content: "";
background: url(../img/svg/shape1.svg) no-repeat center center;
background-size: cover;
position: absolute;
left: -67%;
width: 740px;
height: 579px;
top: -80%;
opacity: .2;
z-index: -1
}

.services .service-box span.welcome {
text-transform: uppercase;
font-size: 14px
}

.services .service-box h3 {
font-weight: 600;
font-size: 30px;
margin: 15px 0;
text-transform: uppercase
}

.services .service-box p {
margin: 0;
font-size: 16px
}

.services .nav-pills li a {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 86px;
height: 86px;
text-align: center;
padding: 0;
font-size: 40px;
color: #07294d;
position: absolute
}

.services .nav-pills li.active-icon a {
background: #07294d;
color: #fff;
-webkit-box-shadow: 0 0 35px rgba(106, 103, 206, .6);
-moz-box-shadow: 0 0 35px rgba(106, 103, 206, .6);
-o-box-shadow: 0 0 35px rgba(106, 103, 206, .6);
box-shadow: 0 0 35px rgba(106, 103, 206, .6)
}

.services .nav-pills li.active-icon a:after {
content: "";
display: block;
width: 3px;
height: 100px;
background: #07294d;
position: absolute;
top: 75px;
left: 41px;
z-index: -1
}

.services .nav-pills li:nth-child(2).active-icon a:after {
top: 20px;
left: 58px;
transform: rotate(-34deg)
}

.services .nav-pills li:nth-child(3).active-icon a:after {
width: 100px;
height: 3px;
transform: rotate(35deg)
}

.services .nav-pills li:nth-child(4).active-icon a:after {
width: 100px;
height: 3px;
top: 50%
}

.services .nav-pills li:nth-child(5).active-icon a:after {
width: 100px;
height: 3px;
transform: rotate(-35deg);
top: 12px
}

.services .nav-pills li:nth-child(6).active-icon a:after {
width: 100px;
height: 3px;
left: 27px;
transform: rotate(-54deg);
top: -7px
}

.services .nav-pills li:nth-child(7).active-icon a:after {
width: 3px;
height: 100px;
top: -50px
}

.services .nav-pills li:nth-child(8).active-icon a:after {
width: 100px;
height: 3px;
top: -7px;
left: -27px;
transform: rotate(54deg)
}

.services .nav-pills li:nth-child(9).active-icon a:after {
width: 100px;
height: 3px;
transform: rotate(35deg);
top: 12px;
left: -41px
}

.services .nav-pills li:nth-child(10).active-icon a:after {
width: 100px;
height: 3px;
top: 50%;
left: -41px
}

.services .nav-pills li:nth-child(11).active-icon a:after {
width: 100px;
height: 3px;
transform: rotate(-35deg);
top: 66px;
left: -41px
}

.services .nav-pills li:nth-child(12).active-icon a:after {
width: 3px;
height: 100px;
top: 24px;
left: 22px;
transform: rotate(34deg)
}

.services .nav-pills li:nth-child(1) a {
top: -117px;
left: 92px
}

.services .nav-pills li:nth-child(2) a {
top: -91px;
left: -13px
}

.services .nav-pills li:nth-child(3) a {
top: -14px;
left: -91px
}

.services .nav-pills li:nth-child(4) a {
top: 91px;
left: -119px
}

.services .nav-pills li:nth-child(5) a {
top: 197px;
left: -91px
}

.services .nav-pills li:nth-child(6) a {
top: 275px;
left: -13px
}

.services .nav-pills li:nth-child(7) a {
top: 303px;
left: 92px
}

.services .nav-pills li:nth-child(8) a {
top: 275px;
left: 197px
}

.services .nav-pills li:nth-child(9) a {
top: 197px;
left: 275px
}

.services .nav-pills li:nth-child(10) a {
top: 91px;
left: 303px
}

.services .nav-pills li:nth-child(11) a {
top: -14px;
left: 275px
}

.services .nav-pills li:nth-child(12) a {
top: -91px;
left: 197px
}

.services .tab-content .tab-pane {
background: #07294d;
color: #fff;
width: 271px;
height: 271px;
text-align: center;
border-radius: 50%;
-webkit-box-shadow: 0 0 35px rgba(106, 103, 206, .6);
-moz-box-shadow: 0 0 35px rgba(106, 103, 206, .6);
-o-box-shadow: 0 0 35px rgba(106, 103, 206, .6);
box-shadow: 0 0 35px rgba(106, 103, 206, .6);
position: relative;
z-index: 2
}

.services .tab-content .tab-pane .tab-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%
}

.services .tab-content .tab-pane .tab-inner i {
font-size: 64px
}

.services .tab-content .tab-pane .tab-inner h4 {
margin: 0;
margin-top: 25px;
font-size: 16px;
text-transform: uppercase;
font-weight: 700
}

/*Loader Css*/
#preloader {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #fff;
z-index: 999999;
}
.spinner, .spinner-small {
height: 45px;
width: 45px;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
border: 2px solid #000000;
border-top: 2px solid #FFBC09;
border-radius: 100%;
-webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
z-index: 9999;
}
@-webkit-keyframes rotation {
from {
-webkit-transform:rotate(0)
}
to {
-webkit-transform:rotate(359deg)
}
}
@-moz-keyframes rotation {
from {
-moz-transform:rotate(0)
}
to {
-moz-transform:rotate(359deg)
}
}
@-o-keyframes rotation {
from {
-o-transform:rotate(0)
}
to {
-o-transform:rotate(359deg)
}
}
@keyframes rotation {
from {
transform:rotate(0)
}
to {
transform:rotate(359deg)
}
}
.loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background-color: #E7EDF3;
z-index: 999;
-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
-moz-transform: translateX(0); 
-ms-transform: translateX(0);  /* IE 9 */
transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
.loader-section.section-left {
left: 0;
}
.loader-section.section-right {
right: 0;
}

/* Loaded */
.loaded .loader-section.section-left {
-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);  /* IE 9 */
transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
-webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded .loader-section.section-right {
-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateX(100%);  /* IE 9 */
-moz-transform: translateX(100%);
transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
-webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
/*===================================*
01.END GENERAL STYLE
*===================================*/

/*===================================*
02.START HEADER DESIGN
*===================================*/
.dark_skin .logo_light, .dark_skin .logo_default,
.light_skin .logo_default, .light_skin .logo_dark {
display: none;
}
.dark_skin .logo_dark,
.light_skin .logo_light {
display: block;
}
.light_skin .navbar-nav a,
.light_skin .navbar-toggler {
color: #ffffff;
}
.navbar {
padding: 0;
}
.header_wrap {
transition: all 0.5s ease 0s;
/*position: absolute;*/
width: 100%;
z-index: 999999;
padding: 5px 0;
}
.header_wrap:not([class*="bg_"]):not([class*="bg-"]) {
/*background-color: #fff;*/

}
.navbar-expand-lg .navbar-nav li {
position: relative;
list-style: none;
}
.navbar-nav .dropdown-menu {
border: 0 none;
border-radius: 0;
margin: 0;
min-width: 12rem;
padding: 0;
z-index: 999999;
}
.navbar-nav .dropdown-menu:not([class*="bg_"]):not([class*="bg-"]) {
background-color: #333333;
}
.light_skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu {
background-color: #252525;
}
.dark_skin:not([class*="bg_"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
background-color: #fff;
box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
border: 1px solid #eee;
margin-top: -1px;
}
.dark_skin .mega-menu-col,
.dark_skin .cart_list li {
border-color: #ddd;
}
.dark_skin .navbar-expand-lg .navbar-nav .dropdown-menu li a.active, 
.dark_skin .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover, 
.dark_skin .navbar-expand-lg .navbar-nav .dropdown-menu > ul > li:hover > a, 
.dark_skin .navbar-expand-lg .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a {
color: #07294d;
}
.dark_skin .navbar-expand-lg .navbar-nav .dropdown-item, 
.dark_skin .navbar-expand-lg .navbar-nav .dropdown-header,
.dark_skin .cart_quantity,
.dark_skin .cart_total {
color: #333;
}
.dark_skin .cart_list a {
color: #333 !important;
}
.dark_skin .cart_list a:hover, .dark_skin .item_remove:hover {
color: #000 !important;
}

.dropdown-toggle::after, .dropdown-toggler::after {
border: 0 none;
content: "\f3d0";
font-family: ionicons;
height: auto;
line-height: normal;
margin-left: 5px;
vertical-align: middle;
width: auto;
transition: all 0.3s ease-in-out;
}
.dd_main_arrow_none .navbar-expand-lg .navbar-nav > li > .nav-link.dropdown-toggle::after {
content: normal;
}
.dropdown-toggler::after {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.dropdown-menu .dropdown-toggler::after {
position: absolute;
right: 10px;
top: 10px;
}

.header_wrap.nav-fixed .navbar-expand-lg .navbar-nav > li > .nav-link{
color: #000 !important;
}


.navbar-expand-lg .navbar-nav > li > .nav-link {
font-size: 14px;
font-weight: 600;
padding: 25px 10px;
text-transform: capitalize;
color:#000 !important;
margin-right: 15px;
}
.navbar-expand-lg .navbar-nav > li > a.active, 
.navbar-expand-lg .navbar-nav > li:hover > a {
color: #f4821f !important;
}
.past .course_categories .owl-stage-outer {
padding: 0 6px;
}
.ApplyBtn {
border: 1px solid #fff;
}
.ApplyBtn:hover {
color: #fff;
}
.main_menu_capitalize .navbar-expand-lg .navbar-nav > li > .nav-link {
text-transform: capitalize;
}
.main_menu_weight_100 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-weight: 100;
}
.main_menu_weight_200 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-weight: 200;
}
.main_menu_weight_300 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-weight: 300;
}
.main_menu_weight_400 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-weight: 400;
}
.main_menu_weight_500 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-weight: 500;
}
.main_menu_weight_600 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-weight: 600;
}
.main_menu_weight_700 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-weight: 700;
}
.main_menu_weight_800 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-weight: 800;
}
.main_menu_weight_900 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-weight: 900;
}
.main_menu_size_16 .navbar-expand-lg .navbar-nav > li > .nav-link {
font-size: 16px;
}
.bottom-header .navbar-expand-lg .navbar-nav > li > .nav-link {
padding: 20px 10px;
}
.navbar-expand-lg .navbar-nav .dropdown-item {
padding: 8px 25px 8px 10px;
color: #ffffff;
font-size: 14px;
text-transform: capitalize;
}
.navbar-expand-lg .navbar-nav .dropdown-header {
color: #fff;
padding: 10px 10px;
text-transform: uppercase;
font-weight: bold;
}
.navbar-expand-lg .attr-nav li .nav-link {
padding: 20px 10px;
position: relative;
}
.navbar-expand-lg .attr-nav li .nav-link i {
font-size: 20px;
}
.hover_menu_style2 .navbar-expand-lg .navbar-nav.attr-nav > li > .nav-link {
margin: 0;
padding: 20px 10px;
}
.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active {
background-color: transparent;
}
.navbar-expand-lg .navbar-nav.attr-nav .dropdown-menu li a.active, 
.navbar-expand-lg .navbar-nav.attr-nav .dropdown-menu li a:hover, 
.navbar-expand-lg .navbar-nav.attr-nav .dropdown-menu > ul > li:hover > a {
background-color: rgba(0,0,0,0);
}
.navbar-expand-lg .navbar-nav > li {
margin-left: 1px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu li a.active,
.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover,
.navbar-expand-lg .navbar-nav .dropdown-menu > ul > li:hover > a, 
.navbar-expand-lg .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a {
color: #FFBC09;
}
.search-overlay {
border: 1px solid #ddd;
right: 0;
opacity: 0;
position: absolute;
min-width: 300px;
top: 100%;
transition: all 0.25s ease-in-out 0s;
visibility: hidden;
width: 100%;
z-index: 999;
background-color: #fff;
padding: 15px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: -webkit-calc(100% - 30px) 0;
transform-origin: calc(100% - 30px) 0;
}
.search-overlay.open {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.search_trigger.open i::before {
content: "\f129";
}
.search_wrap {
position: relative;
}
.search_icon {
font-size: 26px;
position: absolute;
right: 15px;
top: 4px;
border: 0;
background-color: transparent;
cursor: pointer;
padding: 0;
}
.search_wrap .form-control {
border-radius: 0;
padding: 10px;
height: auto;
}
.nav-fixed .navbar-expand-lg .navbar-nav > li > .nav-link {
padding: 20px 10px;
}
.nav-fixed .navbar-expand-lg .attr-nav li .nav-link,
.hover_menu_style2.nav-fixed  .navbar-expand-lg .navbar-nav.attr-nav > li > .nav-link {
padding: 15px 10px;
margin: 0; 
}
.header_wrap.nav-fixed {
box-shadow: 0 1px 3px rgba(0 0 0 / 50%);
position: fixed !important;
right: 0;
left: 0;
top: 0;
/*z-index: 999;*/
padding: 5px 0;
background-color: #fff;
}
.header_wrap.fixed-top.nav-fixed {
padding-top: 0 !important;
}
.nav-fixed.border_bottom_tran {
border: 0;
}
.header_wrap.nav-fixed.no-sticky {
position: relative;
}
.bg-dark.light_skin.nav-fixed .logo_dark {
display: none;
}
.bg-dark.light_skin.nav-fixed .logo_light {
display: block;
}
.header_wrap.nav-fixed.bg-dark {
border-bottom: 0;
}
.bg-dark.light_skin.nav-fixed .navbar-nav > li > a, .bg-dark.light_skin.nav-fixed .navbar-toggler {
color: #fff;
}
.bg-dark.hover_menu_style2.nav-fixed .navbar-expand-lg .navbar-nav > li > .nav-link::before {
background-color: #fff;
}
.header_wrap.nav-fixed[class*="overlay_"]:before {
content: normal;
}
.mega-menu {
display: table;
padding: 15px 0;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-lg .navbar-nav li.dropdown-mega-menu {
position: static;
}
.dropdown-mega-menu .dropdown-menu {
right: 0;
}
.mega-menu-col {
border-right: 1px solid #5d5d5d;
}
.mega-menu-col:last-child {
border-right: 0;
}
.dropdown-menu li a i {
font-size: 14px;
width: 20px;
display: inline-block;
text-align: center;
}
.cart_list li {
list-style: outside none none;
}
.cart_count {
position: absolute;
top: 13px;
right: 2px;
font-size: 10px;
background-color: #FFBC09;
border-radius: 40px;
height: 16px;
line-height: 16px;
padding: 0 5px;
color: #fff;
font-weight: normal;
}
.nav-fixed .cart_count {
top: 8px;
}
.cart_box {
background-color: #333333;
width: 300px;
position: absolute !important;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: -webkit-calc(100% - 30px) 0;
transform-origin: calc(100% - 30px) 0;
display: block;
transition: all 0.25s ease-in-out;
}
.navbar-expand-lg .navbar-nav li.show > .dropdown-menu.cart_box {
-webkit-transform: scale(1);
transform: scale(1);
}
.cart_list li {
border-bottom: 1px solid #777777;
padding: 20px;
}
.item_remove {
float: right;
}
.cart_list img {
background-color: #ffffff;
float: left;
margin-right: 10px;
max-width: 60px;
vertical-align: top;
}
.cart_list a {
color: #fff !important;
font-size: 14px;
vertical-align: top;
padding: 0 !important;
}
.cart_list a:hover,.item_remove:hover {
color: #ddd !important;
}
.cart_quantity {
color: #ffffff;
display: inline-block;
font-weight: 500;
}
.cart_list {
display: table;
}
.cart_total {
color: #ffffff;
margin: 0;
padding: 10px 20px;
text-align: right;
font-weight: bold;
}
.cart_total strong {
float: left;
}
.cart_buttons {
margin: 0;
padding: 10px 20px 20px;
text-align: center;
}
.cart_buttons .view-cart, .cart_buttons .checkout {
margin: 0 5px !important;
padding: .375rem .75rem !important;
float: none !important;
}
.top-header,
.middle-header {
padding: 10px 0;
}
.light_skin  .top-header,
.light_skin  .middle-header {
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.dark_skin .top-header,
.dark_skin .middle-header {
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.social_icons, .contact_detail {
font-size: 0;
}
.social_icons li,
.contact_detail li {
display: inline-block;
padding: 2px 10px;
}
.social_icons li a {
font-size: 18px;
height: 35px;
width: 35px;
line-height: 36px;
display: inline-block;
text-align: center;
vertical-align: middle;
}
.social_icons.social_small li a {
height: 25px;
width: 25px;
line-height: 26px;
font-size: 16px;
}
.social_white .social_icons li a, .social_white.social_icons li a {
/*color: #fff;*/
/*border-color: #000;*/
}
.border_social li a {
border: 1px solid #292b2c;
}
.radius_social li a {
border-radius: 50%;
}
.social_style1 li a {
/*background-color: rgba(0,0,0,0.1);*/
}
.social_white.social_style1 li a {
/*background-color: rgba(255,255,255,0.1);*/
}
.contact_detail i {
margin-right: 8px;
vertical-align: middle;
font-size: 18px;
}
.contact_detail li {
color: #000;
font-size: 14px;
margin-left: 5px;
vertical-align: middle;
}
.contact_detail li:first-child {
margin-left: 0px;
}
.top-header.light_skin .contact_detail li,
.top-header.light_skin .contact_detail li a {
color: #fff;
}
.top-header.dark_skin .contact_detail li {
color: #000;
}
header .social_icons li a {
font-size: 16px;
height: 30px;
width: 30px;
line-height: 30px;
}
.nav-fixed .top-header,
.nav-fixed .middle-header {
display: none !important;
}
.navbar-toggler {
float: right;
margin: 15px 0;
font-size: 28px;
transition: all 0.5s ease 0s;
}
.navbar-toggler[aria-expanded="true"] span::before {
content: "\f129";
font-size: 20px;
width: 21px;
line-height: 28px;
vertical-align: top;
}
header .attr-nav + .social_icons {
border-left: 1px solid #333;
margin-left: 5px;
padding-left: 5px;
}
header .attr-nav + .social_icons li {
padding: 0;
}
header.light_skin .attr-nav + .social_icons {
border-color: #fff;
}
header.light_skin.nav-fixed .attr-nav + .social_icons {
border-color: #333;
}
header.light_skin.nav-fixed .social_icons li a {
color: #000;
}
header.light_skin.nav-fixed .social_icons li a:hover {
color: #0E93D8;
}
.navbar .btn {
padding: 10px 25px;
}
.header_info {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.header_info li {
display: -ms-flexbox;
display: flex;
padding-left: 30px;
}
.header_info li:first-child {
padding-left: 0px;
}
.header_info li i {
width: 30px;
font-size: 28px;
height: 30px;
color: #0e93d8;
}
.header_info li p{
margin: 0;
color: #292b2c;
}
.header_info li .hd_info {
padding-left: 10px;
font-weight: 700;
font-size: 14px;
line-height: 1.43;
}
.lng_dropdown {
position: relative;
display: inline-block
}
.lng_dropdown .ddTitleText img, .lng_dropdown .ddChild li img {
border-radius: 100%;
display: inline-block;
height: 16px;
width: 16px;
}
.lng_dropdown .ddlabel {
display: inline-block;
margin-left: 8px;
vertical-align: middle;
text-transform: uppercase;
font-size: 14px;
}
.lng_dropdown #pr_select_msdd .ddlabel {
margin-left: 0;
}
.lng_dropdown .dd.ddcommon {
cursor: pointer;
padding-right: 10px;
position: relative;
width: auto !important;
outline: none;
}
.lng_dropdown .ddTitleText {
padding: 5px 10px;
display: inline-block;
text-transform: uppercase;
}
.lng_dropdown .ddChild {
background-color: #fff;
}
.lng_dropdown .ddChild li {
cursor: pointer;
line-height: normal;
list-style: outside none none;
padding: 3px 10px;
}
.ddArrow::before {
content: "\f3d0";
font-family: ionicons;
position: absolute;
right: 0;
top: 6px;
}
.lng_dropdown.lng_dropdown_white .ddTitleText ,
.lng_dropdown_white .ddArrow::before {
color: #fff;
}
.search_box {
position: relative;
}
.search_box input {
padding-right: 30px;
}
.search_box button {
border: 0;
padding: 0 10px;
background-color: transparent;
font-size: 22px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
.header_list {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.header_list > li {
position: relative;
padding-left: 15px;
}
.header_list > li a {
font-size: 14px;
}
.border_list {
position: relative;
}
.border_list::before {
content: "";
position: absolute;
left: 0;
height: 25px;
width: 1px;
background-color: #eee;
}
.header_wrap.light_skin.nav-fixed .btn-outline-white {
border: 2px solid #333;
color: #333;
}
.header_wrap.light_skin.nav-fixed .btn-outline-white:hover {
background-color: #333;
border: 2px solid #333;
color: #fff;
}
.top-header.light_skin .header_list li a,
.top-header.light_skin .header_list li span,
.top-header.light_skin .lng_dropdown .ddlabel,
.top-header.light_skin .ddArrow::before {
color: #fff;
}
.top-header.light_skin .header_list > li::before {
background-color: #fff;
}
.top-header.light_skin .lng_dropdown .ddChild {
background-color: #343a40;
}
.top-header.light_skin .header_list li a:hover,
.top-header.light_skin .contact_detail li a:hover,
.social_white .social_icons li a:hover, 
.social_white.social_icons li a:hover {
}
.alertbox {
position: relative;
z-index: 999;
transition: all 0.4s ease 0s;
}
.alertbox.alert_fixed {
position: fixed;
right: 0;
left: 0;
top: 0;
}
.alertbox.alert_fixed.fixed {
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.alertbox_content {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.alertbox .alert {
border: 0;
border-radius: 0;
margin: 0;
padding-left: 0;
padding-right: 0;
}
.alertbox .close {
float: none;
vertical-align: middle;
margin-left: 15px;
font-size: 31px;
}
.alertbox_content *,
.alertbox_content a {
color: #fff;
font-weight: bold;
}

/*===================================*
02.END HEADER DESIGN
*===================================*/

/*===================================*
03. BANNER SECTION
*===================================*/
.full_screen,.full_screen .carousel-item {
height: 525px;
}
.banner_content_wrap .carousel-item {
padding: 100px 0;
}
.banner_content h2 {
font-size: 50px;
margin-bottom: 20px;
vertical-align: bottom;
}
.banner_content p {
color: #333;
font-size: 18px;
margin-bottom: 35px;
}
.banner_content.text_white p {
color: #fff;
}
.banner_section .banner_slide_content {
left: 0;
position: absolute;
right: 0;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.carousel-control-next, .carousel-control-prev {
background-color: rgba(0,0,0,0.5);
font-size: 20px;
height: 50px;
opacity: 1;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
opacity: 0;
}
.carousel:hover .carousel-control-next, .carousel:hover .carousel-control-prev {
opacity: 1;
}
.carousel-control-next {
right: 20px;
}
.carousel-control-prev {
left: 20px;
}
.carousel_style1 .carousel-control-next, .carousel_style1 .carousel-control-prev {
border-radius: 100%;
}
.carousel-indicators {
bottom: 20px;
}
.carousel-indicators li {
border-radius: 100%;
cursor: pointer;
width: 12px;
height: 12px;
}
.content_overlay_bg {
padding: 50px;
position:relative;
}
.content_overlay_bg::before {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.banner_head2 {
font-size: 40px;
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.carousel-indicators.justify-content-end {
left: auto;
}
.carousel-indicators.justify-content-start {
right: auto;
}
.carousel-item img {
position: relative;
z-index: -1;
width: 100%;
/*height: 600px;*/
}
/*===================================*
03.END BANNER SECTION
*===================================*/

/*===================================*
04. START ICON BOX CSS
*===================================*/
.icon_box {
padding: 30px;
z-index: 9;
margin-top: 30px;
transition: all 0.5s ease-in-out;
background: #F7F7F7;
box-shadow: 0 0 20px #d2d2d2;
height: 250px;
}
.box_icon,
.intro_desc {
position: relative;
}
.box_icon i {
font-size: 40px;
}
.icon_box img {
max-width: 60px;
}
.icon_box_style1.icon_box {
padding: 15px;
border: 2px solid #f6f6f6;
-moz-transition: transform .25s cubic-bezier(.68,-0.55,.27,1.55);
-webkit-transition: transform .25s cubic-bezier(.68,-0.55,.27,1.55);
transition: transform .25s cubic-bezier(.68,-0.55,.27,1.55);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
}
.icon_box_style1 .box_icon {
float: left;
margin-right: 20px;
}
.icon_box_style1.icon_box:hover {
box-shadow: 0 0 14px rgba(0,0,0,0.05);
-moz-transform: translate3d(0,-10px, 0);
-webkit-transform: translate3d(0,-10px, 0);
transform: translate3d(0,-10px, 0);
}
.icon_box_style1.icon_box img {
max-width: 40px;
}
.icon_box_style1 .intro_desc {
overflow: hidden;
}
.intro_desc h5 {
text-transform: capitalize;
}
.intro_desc p:last-child {
margin: 0;
}
.icon_box_style2 .box_icon {
border-radius: 100%;
display: inline-block;
padding: 20px;
position: relative;
}
.icon_box_style2 .box_icon::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 3px solid #fff;
border-radius: 100%;
margin: 0px;
opacity: 0;
transition: all 0.2s ease-in-out;
}
.icon_box_style2 .box_icon img {
padding: 5px;
}
.icon_box_style2:hover .box_icon:before {
margin: 5px;
opacity: 1;
}
.icon_box_style2:hover {
margin-top: 20px;
}
.eliPera input,.eliPera textarea,.eliPera select{
width: 100%;
padding: 10px 15px;
margin-bottom: 20px;
border-radius: 5px;
border: 1.5px solid #000;
}
.submit{
/*border-radius: 5px;*/
/*border: none;*/
/*width: 35%;*/
/*padding: 6px;*/
/*background-color: #0a196c;*/
color: #fff;
}
/*===================================*
04. END ICON BOX CSS
*===================================*/

/*===================================*
05.START COURSE CATEGORIES SECTION
*===================================*/
.overlap_box {
margin-top: -100px;
position: relative;
z-index: 9;
}
.single_categories a  {
border-radius: 5px;
display: block;
text-align: center;
padding: 30px 20px;
color: #fff;
}
.single_categories a:hover {
color: #fff;
}
.single_categories i {
display: block;
margin-bottom: 10px;
font-size: 30px;
}
.cat_style1 a {
background-color: rgba(255,255,255,0.2);
border: 2px solid rgba(255,255,255,0.2);
border-radius: 0px;
padding: 50px 20px;
}
.cat_style1 a:hover {
background-color: #FFBC09;
}
.course_categories.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 25px;
}
/*===================================*
05.END COURSE CATEGORIES SECTION
*===================================*/

/*===================================*
06.START TEAM SECTION
*===================================*/
.team_box {
margin-top: 30px;
}
.team_title {
background-color: #fff;
padding: 15px;
text-transform: capitalize;
}
.team_img {
position: relative;
overflow: hidden;
}
.team_style1 .social_icons {
position: absolute;
top: 100%;
text-align: center;
left: 0;
right: 0;
opacity: 0;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.5s ease-in-out;
}

.team_style1:hover .social_icons {
top: 50%;
opacity: 1;
}
.team_img img {
width: 100%;
height: 255px;
transition: all 0.5s ease-in-out;
object-fit: cover;
}
.team_style1 .team_img::before {
content: "";
position: absolute;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
top: 0;
bottom: 0;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.team_style1.team_box:hover .team_img:before {
opacity: 1;
}
.team_style1 {
border-radius: 10px;
}
.team_style1 .team_img,
.team_style1 .team_img img,
.team_style1 .team_img:before {
border-radius: 10px 10px 0 0;
}
.team_single_info {
padding: 15px;
display: inline-block;
width: 100%;
}
.contact_info span {
color: #333;
float: left;
margin-right: 10px;
line-height: normal;
max-width: 70px;
width: 100%;
}
.team_name {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.team_style2 .social_icons {
margin-top: 10px;
}
.team_style2:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
/*===================================*
06.END TEAM SECTION
*===================================*/

/*===================================*
07.START TESTIMONIAL SECTION
*===================================*/
.carousel_slide2.owl-carousel .owl-item img {
/*width: 110px;*/
/*height: 110px;*/
border-radius: 50%;
}
.about-para ul li b{
font-size: 20px;
color: #000;
font-weight: bold;
}
.about-para ul li{
margin-bottom: 7px;
font-size: 20px;
color: #000;
}
.about-para ol li b{
font-size: 20px;
color: #000;
font-weight: bold;
}
.about-para ol li{
margin-bottom: 7px;
font-size: 20px;
color: #000;
}
.new-testi h2{
color: #fff;
}
.testimonial_slider .owl-stage-outer {
padding: 25px 0 0;
}
.testimonial_img,
.author_img {
float: left;
margin-right: 20px;
}
.testi_user span,
.author_intro span {
font-style: italic;
}
.testi_user,
.author_intro {
margin-bottom: 6px;
}
.testi_meta,
.author_meta {
overflow: hidden;
}
.testimonial_style1 .testimonial_box,
.course_author {
background-color: #fff;
/*box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);*/
border-radius: 10px;
padding: 30px 30px 30px 50px;
margin: 5px 50px 5px 50px;
position: relative;
z-index: 1;
/*height: 290px;*/
}
.testi_icon i{
color: #F6B00C;
font-size: 20px;
}
.testimonial_style1 .testimonial_box::before {
content: "\f10e";
position: absolute;
right: 40px;
top: 0;
font-family: fontawesome;
font-size: 200px;
line-height: normal;
z-index: -1;
color: rgba(0,0,0,0.02);
}
/*.testimonial_style1 .testimonial_img, .author_img {
margin-left: -100px;
margin-top: -55px;
}*/
.testi_user h6{
font-size: 30px;
font-weight: bold;
}
.testi_desc p{
color: #000;
}
.testi_desc p:last-child,
.author_desc p:last-child {
margin: 0 0 23px;
}
.testimonial_style2 .testimonial_box {
text-align: center;
border: 2px solid #eee;
padding: 20px;
margin-top: 60px;
background-color: #fff;
}
.testimonial_style2 .testimonial_img{
float: none;
margin: -80px auto 20px;
display: table;
padding: 10px;
border: 2px solid #eee;
background-color: #fff;
}
/*===================================*
07.END TESTIMONIAL SECTION
*===================================*/

/*===================================*
08.START BLOG SECTION
*===================================*/
.blog_post {
margin-top: 30px;
}
.blog_title {
margin-bottom: 10px;
}
.blog_img {
position: relative;
overflow: hidden;
}
.blog_img img {
width: 100%;
}
.blog_img a::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
background-color: rgba(0,0,0,0.5);
transition: all 0.5s ease-in-out;
}
.blog_post:hover .blog_img a:before {
opacity: 1;
}
.blog_meta {
display: table;
width: 100%;
}
.blog_meta li {
display: inline-block;
margin-right: 15px;
}
.blog_meta li:last-child {
margin-right: 0px;
}
.blog_meta li i {
margin-right: 8px;
color: #FFBC09;
font-size: 16px;
}
.blog_meta li a {
color: #888;
font-size: 14px;
text-transform: capitalize;
}
.blog_meta li a:hover {
color: #FFBC09;
}
.blog_content,
.blog_footer {
padding:15px;
}
.blog_content p {
margin-bottom: 10px;
}
.blog_footer {
border-top: 1px solid #ddd;
}
.link_blog {
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
opacity: 0;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.5s ease-in-out;
}
.blog_post:hover .link_blog {
top: 50%;
opacity: 1;
}
/*===================================*
08.END BLOG SECTION
*===================================*/

/*===================================*
09.START SUBSCRIBE FORM
*===================================*/
.newsletter_form {
position: relative;
}
.newsletter_form input {
padding: 10px 105px 10px 15px;
width: 100%;
border: 0;
color: #777777;
height: 43px;
}
.newsletter_form button {
position: absolute;
right: 4px;
top: 4px;
}
/*===================================*
09.END SUBSCRIBE FORM
*===================================*/

/*===================================*
10.START FOOTER
*===================================*/
.footer_logo {
margin-bottom: 15px;
}
.top_footer {
padding: 50px 0 24px;
}
footer p {
font-size: 14px;
}
.widget_links li {
padding: 0 0 10px;
}
.widget_links li:last-child {
padding-bottom: 0;
}
.widget_links li a {
color: #fff;
font-size: 12px;
position: relative;
}
.widget_links.links_style1 li:hover a,
.widget_links.links_style2 li:hover a{
padding-left: 5px;
color: #f4821f;
}
.links_style2 li a::before {
content: "\f105";
font-family: fontawesome;
font-size: 18px;
vertical-align: middle;
margin-right: 10px;
}
.contact_info > li > i {
font-size: 18px;
vertical-align: middle;
max-width: 30px;
width: 100%;
text-align: center;
margin-right: 5px;
color:#F4821F ;
}
.copyright{
color: #fff;
}
.contact_info li:first-child {
margin-top: 0;
}
.contact_info > li {
margin-top: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.contact_info i + *,
.contact_info span + * {
font-size: 12px;
color: #fff;
margin: 0;
vertical-align: top;
font-weight: 700;
}
.contact_info li a:hover{
color: #f4821f;
}

footer a:hover{
color: #f4821f !important;
}


footer .widget_title {
font-size: 18px;
margin-top: 10px;
color: #fff;
}

footer .widget_links li a{
color: #fff;
font-weight: 700;
}

.footer-para p{
color: #000;
}
.widget_title {
color: #fff;
margin-bottom: 20px;
text-transform: capitalize;
position: relative;
}
.bottom_footer {
padding: 30px 0 60px;
position: relative;
border-top: 1px solid #f4821f;
width: 90%;
margin: 0 auto;
}
.footer_link li {
display: inline-block;
position: relative;
}
.footer_link li a {
font-size: 14px;
padding: 0 5px;
color: #000;
}
.footer_logo{
width: 100%;
}
.post_img {
float: left;
margin-right: 10px;
max-width: 60px;
}
.post_date {
font-size: 80%;
}
.post_content {
overflow: hidden;
}
.recent_post li {
display: inline-block;
width: 100%;
margin-bottom: 12px;
}
.recent_post li:last-child {
margin-bottom: 0;
}
.post_content h6 {
font-size: 14px;
line-height: normal;
margin-bottom: 5px;
font-weight: normal;
}
.footer_dark h1,.footer_dark h2,.footer_dark h3,.footer_dark h4,.footer_dark h5,.footer_dark h6,
.footer_dark p,
.footer_dark .contact_info li i,
.footer_dark .contact_info i + *,
.footer_dark .widget_links li a,
.footer_dark .footer_link li a,
.footer_dark .post_content h6 a {
color: #fff;
}
.footer_dark .post_date {
color: rgba(255,255,255,0.6);
}
/*===================================*
10.END FOOTER
*===================================*/

/*===================================*
11.START CONTACT
*===================================*/
.contact_map iframe {
height: 100%;
width: 100%;
display: block;
}
.map_radius_rtrb {
border-radius: 0 10px 10px 0;
}
/*===================================*
11.END CONTACT
*===================================*/

/*===================================*
12.START 404 SECTION
*===================================*/
.error_txt {
color: #333;
font-size: 180px;
font-weight: bold;
line-height: 1.2;
}
/*===================================*
12.END 404 SECTION
*===================================*/

/*===================================*
13.START GALLERY SECTION
*===================================*/
.grid_filter {
margin-bottom: 30px;
}
.grid_filter li {
display: inline-block;
margin: 0 3px;
}
.grid_filter li a {
background-color: #eee;
padding: 5px 25px;
display: block;
font-size: 16px;
text-transform: capitalize;
border-radius: 4px;
}
.grid_filter li a.current,
.grid_filter li a:hover {
background-color: #FFBC09;
color: #fff;
}
.grid_container {
list-style: none;
}
.gutter_small {
margin: 0 -7.5px -15px -7.5px;
}
.gutter_small > li {
padding: 0 7.5px 15px 7.5px;
}
.gutter_medium {
margin: 0 -15px -30px -15px;
}
.gutter_medium > li {
padding: 0px 15px 30px 15px;
}
.grid_col3 > li {
width: 33.33%;
float: left;
}
.grid_col4 > li {
width: 25%;
float: left;
}
.gallery_item {
overflow: hidden;
position: relative;
}
.gallery_item img {
width: 100%;
height: 233px;
object-fit: cover;
}
.gallery_content {
bottom: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
-ms-justify-content: center;
justify-content: center;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: absolute;
top: 60px;
opacity: 0;
visibility: hidden;
right: 0;
left: 0;
text-align: center;
transition: all 0.3s ease-in-out;
z-index: 2;
}
.gallery_item:hover .gallery_content {
top: 0;
opacity: 1;
visibility: visible;
}
.gallery_item::before {
background-color: rgba(0,0,0,0.60);
content: "";
position: absolute;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
top: 0;
bottom: 0;
transition: all 0.5s ease-in-out;
z-index: 2;
}
.gallery_item:hover:before {
opacity: 1;
visibility: visible;
}

.grid_container .owl-carousel.owl-theme .owl-dots {
margin: 0 !important;
position: absolute;
bottom: 5px;
right: 15px;
z-index: 9;
}
.grid_container .owl-carousel {
z-index: inherit;
}
.grid_container .owl-carousel.owl-theme .owl-dots span {
margin: 5px 2px;
}
.owl-theme .owl-dots .owl-dot span {
background-color: transparent;
border: 1px solid #f4821f;
margin: 5px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background-color: #f4821f;
}



/*.dots_white.owl-theme .owl-dots .owl-dot.active span, .dots_white.owl-theme .owl-dots .owl-dot:hover span {*/
/*	background-color: #fff;*/
/*	border-color: #fff;*/
/*}*/
/*.dots_white.owl-theme .owl-dots .owl-dot span {*/
/*	border-color: #fff;*/
/*}*/
.gallery_content .ripple {
margin: 0;
}
.text_holder {
margin-top: 25px;
text-transform: capitalize;
}

/*===================================*
13.END GALLERY SECTION
*===================================*/

/*===================================*
14.START ELEMENT DESIGN
*===================================*/
.owl-theme .owl-nav {
margin-top: 0;
}
.owl-theme .owl-nav [class*="owl-"] {
box-shadow: 0 0 8px rgba(0,0,0,0.15);
color: #000;
font-size: 18px;
margin: 0;
padding: 6px 16px;
background: #fff;
border-radius: 0;
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-webkittransform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
}
.owl-theme .owl-nav .owl-prev {
left: 0;
}
.owl-theme .owl-nav .owl-next {
right: 0;
}
.owl-theme .owl-nav [class*="owl-"] {
color: #000;
font-size: 18px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background-color: #fff;
color: #07294d;
}
.nav_style1.owl-theme .owl-nav .owl-prev {
left: -50px;
opacity: 0;
}
.nav_style1.owl-theme .owl-nav .owl-next {
right: -50px;
opacity: 0;
}
.nav_style1.owl-theme:hover .owl-nav .owl-prev {
left: 0px;
opacity: 1;
}
.nav_style1.owl-theme:hover .owl-nav .owl-next {
right: 0px;
opacity: 1;
}
.video_play {
position: absolute;
right: 0;
display: table;
left: 50%;
top: 50%;
-moz-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
text-align: center;
}
.content_box {
margin-top: 30px;
}
.content_desc {
position: relative;
padding: 15px;
}
.price {
float: right;
}
.content_title {
font-size: 18px;
margin-bottom: 10px;
}
.event_box .content_meta {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 10px;
}
.content_desc p {
margin-bottom: 10px;
}
.rating_stars i {
color: #ffc600;
font-size: 18px;
line-height: normal;
}
.teacher img {
border-radius: 100%;
max-width: 40px;
margin-right: 10px;
}
.content_footer {
border-top: 1px solid #ddd;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
padding: 15px;
width: 100%;
}
.course_meta {
display: inline-block;
}
.content_meta li {
float: left;
padding-right: 15px;
font-size: 15px;
}
.content_meta li:last-child {
padding-right: 0px;
}
.content_meta li i {
margin-right: 6px;
font-size: 14px;
}
.price .alert {
margin: 0;
padding: 5px 15px;
display: block;
}
.courses_info .content_meta {
float: right;
width: auto;
}
.courses_info,
.content_meta {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.courses_info .rating_stars {
float: left;
}
.content_meta li a {
color: #292b2c;
}
.content_meta li a:hover {
color: #FFBC09;
}
.content_img {
overflow: hidden;
position: relative;
}
.content_img a {
display: block;
}
.content_img img {
transition: all 0.5s ease-in-out;
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
width: 100%;
}
.content_box:hover .content_img img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.course_list .content_img {
float: left;
width: 40%;
margin-left: 15px;
margin-top: 15px;
}
.course_list .content_desc {
overflow: hidden;
max-height: 173px;
min-height: 173px;
}
.course_list .content_title {
max-height: 45px;
overflow: hidden;
}
.course_list .content_desc p {
height: 45px;
overflow: hidden;
}
.box_counter i {
font-size: 50px;
}
.box_counter img {
max-width: 60px;
margin-bottom: 15px;
}
.counter_text {
font-size: 30px;
}
.counter_content {
text-transform: capitalize;
}
.box_counter p {
margin: 0;
}
.event_title {
border-bottom: 1px solid #dad1b9;
padding-bottom: 10px;
margin: 15px 0;
}
.event_date {
position: absolute;
top: 10px;
left: 10px;
max-width: 75px;
background-color: #fff;
text-align: center;
width: 100%;
}
.event_time {
display: block;
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.event_date h5 {
font-size: 14px;
margin: 0;
padding: 5px;
}
.event_date h5 span {
display: block;
font-size: 24px;
}
.event_date span {
display: block;
padding: 5px;
}
.content_desc p:last-child {
margin: 0;
}
.event_list {
margin-top: 30px;
}
.event_list .content_box {
margin-top: 15px;
display: inline-block;
width: 100%;
}
.event_list .content_box:first-child {
margin-top: 0px;
}
.event_list .event_date {
position: static;
float: left;
margin: 15px 0px 15px 15px;
}
.event_list .event_date h5 {
border: 1px solid #eee;
}
.event_list .content_desc {
overflow: hidden;
}
.event_list .content_desc p {
height: 48px;
overflow: hidden;
}
.custom_select {
position: relative;
}
.custom_select::before {
content: "\e64b";
font-family: 'themify';
position: absolute;
display: block;
top: 50%;
right: 10px;
font-weight: 900;
pointer-events: none;
font-size: 12px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.custom_select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ced4da;
border-radius: 2px;
padding: 5px 30px 5px 10px;
width: 100%;
}
.cl_logo_slider.owl-carousel .owl-item img {
margin: 0 auto;
width: auto;
opacity: 0.7;
padding:  0 10px;
}
.lr_popup .modal-body {
padding: 0;
}
.custome-checkbox .form-check-label {
position: relative;
cursor: pointer;
color: #908f8f;
font-weight: 500;
padding: 0;
line-height: normal;
vertical-align: middle;
}
.custome-checkbox .form-check-input {
display: none;
}
.custome-checkbox .form-check-label::before {
content: "";
border-radius: 3px;
border: 2px solid #FFBC09;
height: 20px;
width: 20px;
display: inline-block;
vertical-align: top;
margin: 0px 8px 0 0;
}
.custome-checkbox input[type="checkbox"]:checked + .form-check-label::after {
opacity: 1;
}
.custome-checkbox input[type="checkbox"] + .form-check-label::after {
content: "";
width: 11px;
position: absolute;
top: 6px;
left: 5px;
opacity: 0;
height: 6px;
border-left: 2px solid #FFBC09;
border-bottom: 2px solid #FFBC09;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.lr_popup .close {
position: absolute;
right: 10px;
top: 5px;
z-index: 99;
}
.different_login {
text-align: center;
position: relative;
margin: 20px 0;
}
.different_login span {
background-color: #fff;
padding: 0 15px;
position: relative;
text-transform: uppercase;
}
.different_login::before {
content: "";
position: absolute;
left: 0;
top: 50%;
right: 0;
border-top: 1px solid #ddd;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.login_footer {
text-align: left;
}
.login_footer a {
float: right;
color: #908f8f;
}
.btn-login li {
margin: 0px 5px 0;
display: inline-block;
}
.btn-login li a {
border-radius: 5px;
padding: 10px 19px;
color: #fff;
display: block;
}
.positionr
{
position: relative;
}
.btn-login li a i {
margin-right: 10px;
font-size: 18px;
}
.btn-facebook {
background: #3b5998;
border-color: #3b5998;
position: absolute;
top: -18px;
width: 120px;
font-size: 13px;
}
.fbbtn {
position: relative;
opacity: 0.001;
z-index: 9;
width: 120px;
top: -18px;
height: 46px;
}
.btn-facebook:hover {
color: #fff;
background: #344e86;
border-color: #344e86;
}
.g-signin2 {
position: relative;
z-index: 9;
opacity: 0;
}
.btn-google {
background: #d85040;
border-color: #d85040;
position: absolute;
top: 0;
width: 120px;
}
.btn-google:hover {
color: #fff;
background: #d33d2b;
border-color: #d33d2b;
}
.form-note {
padding-top: 15px;
border-top: 1px solid #ddd;
margin-top: 20px;
}
.txtArea {
width: 100%;
padding:10px;
}
/*.tab-content {*/
/*	margin-top: 30px;*/
/*}*/
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
/*.nav-tabs li.nav-item {*/
/*   margin-right: 20px */
/*}*/
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover {
border-bottom-color: #f1f1f1;
/*color: #07294d;*/
}
.nav-tabs .nav-link:hover {
border-bottom-color: rgba(0,0,0,0);
}
.nav-tabs li.nav-item a {
background-color: transparent !important;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: none !important;
/*text-align: center;*/
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
padding: 10px;
}

.pricing-tabs-nav-new {
background-color: #fff;
padding: 20px;
box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}

.page-title h1 {
font-size: 36px;
margin: 0;
text-transform: capitalize;
font-weight: bold;
}
.breadcrumb {
background-color: transparent;
margin: 0;
padding: 0;
}
.page-title-light *, .page-title-light .breadcrumb-item, .page-title-light .breadcrumb-item::before {
color: #fff;
}
.pagination li {
margin-right: 5px;
}
.pagination .page-item a {
border: 2px solid #dee2e6;
border-radius: 4px;
color: #888888;
height: 40px;
width: 40px;
text-align: center;
line-height: 36px;
padding: 0;
}
.pagination .page-item a i {
font-size: 24px;
vertical-align: middle;
}
.page-item.active .page-link, .page-item .page-link:hover {
background-color: #FFBC09;
border-color: #FFBC09;
color: #fff;
}
.page-link:focus {
box-shadow: none;
}
.sidebar ul {
list-style: none;
}
.search_form {
position: relative;
}
.search_form .form-control {
padding: 10px 45px 10px 15px;
height: 47px;
}
.search_form button {
background-color: transparent;
border: 0;
position: absolute;
right: 0;
top: 0;
padding: 12px 15px;
font-size: 18px;
height: 46px;
}
.search_form button:hover {
color: #FFBC09;
}
.sidebar .widget {
margin-bottom: 15px;
padding-bottom: 15px;
}
.sidebar .widget:last-child {
margin: 0;
padding: 0;
}
.sidebar .widget_title {
position: relative;
padding-bottom: 15px;
}
.sidebar .widget_title::before {
background-color: #FFBC09;
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 80px;
z-index: 1;
}
.sidebar .widget_title::after {
background-color: #ddd;
position: absolute;
left: 0;
right: 0;
height: 1px;
bottom: 0;
width: 100%;
content: "";
z-index: 0;
}
.widget_categories .categories_num {
float: right;
}
.widget_categories ul li, 
.widget_archive ul li {
padding-bottom: 15px;
line-height: normal;
}
.widget_categories ul li:last-child,
.widget_archive ul li:last-child {
padding-bottom: 0px;
}
.widget_categories a::before,
.widget_archive a:before {
content: "\f105";
font-family: fontawesome;
margin-right: 10px;
}
.sidebar .widget_countdown {
padding: 15px;
margin-bottom: 30px;
}
.widget_countdown .countdown_box .countdown {
font-size: 26px;
}
.widget_countdown .countdown_box::before {
font-size: 20px;
top: 5px;
}
.widget_countdown .countdown_time .cd_text {
font-size: 12px;
}
.tags a {
border: 1px solid #ddd;
font-size: 14px;
padding: 5px 15px;
display: inline-block;
border-radius: 2px;
margin-bottom: 5px;
}
.tags a:hover {
background-color: #FFBC09;
color: #fff;
border-color: #FFBC09;
}
.countent_detail_meta {
display: inline-block;
width: 100%;
}
.countent_detail_meta ul {
list-style: none;
}
.countent_detail_meta li {
float: left;
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #dad1b9;
}
.instructor img {
border-radius: 5px;
float: left;
margin-right: 10px;
max-width: 50px;
width: 100%;
}
.countent_detail_meta label {
display: block;
font-weight: bold;
color: #333;
margin: 0;
}
.course_student span {
color: #333;
}
.instructor_info {
overflow: hidden;
}
.course_cat a::after {
content: ",";
margin: 0 2px;
}
.course_cat a:last-child:after {
content: normal;
}
.countent_detail_meta li:last-child {
margin: 0;
padding: 0;
border: 0;
}
.course_img {
position: relative;
}
.course_img .price {
position: absolute;
left: 20px;
bottom: 20px;
}
.enroll_btn {
position: absolute;
right: 20px;
bottom: 20px;
}
.course_detail {
padding: 20px;
margin-bottom: 40px;
}
.course_title {
border-bottom: 1px solid #dad1b9;
padding-bottom: 15px;
margin-bottom: 15px;
}
.course_title h2,
.event_title h2 {
font-size: 24px;
margin: 0;
}
.curriculum_sections li {
border-bottom: 1px solid #eee;
}
.curriculum_sections li:last-child {
border-bottom: 0;
}
.curriculum_sections li a {
display: table;
width: 100%;
}
.curriculum_sections li a::before {
content: "\f0f6";
font-family: fontawesome;
font-size: 18px;
display: table-cell;
width: 20px;
text-align: center;
line-height: 50px;
}
.course_item_meta {
text-align: right;
}
.item_meta.duration {
background-color: #FFBC09;
color: #fff;
padding: 4px 8px;
border-radius: 3px;
position: absolute;
right: 20px;
font-size: 14px;
top: 20px;
}
.item_meta.duration::before {
content: "\f017";
font-family: fontawesome;
margin-right: 5px;
}
.accordion .card-header {
padding: 0;
background-color: transparent;
border: 0;
}
.accordion .card-header a {
display: block;
padding: 20px 20px 20px 50px;
font-size: 18px;
text-transform: capitalize;
border-bottom: 1px solid #ddd;
line-height: normal;
}
.accordion .card-header a::after {
content: "\f126";
font-family: "Ionicons";
font-size: 14px;
font-weight: normal;
position: absolute;
left: 20px;
top: 22px;
}
.accordion .card-header a.collapsed::after {
content: "\f123";
}
.course_tabs .accordion .card-header a {
padding: 20px 120px 20px 50px;
}
.tab_box {
padding:15px;
}
.tab-content p:last-child {
margin: 0;
}
.comment_content p:last-child,
.card-body p:last-child {
margin: 0;
}
.course_rate .review_bar {
width: calc(100% - 120px);
margin: 0 10px;
height: 15px;
background-color: #DDD;
display: inline-block;
}
.course_rate .review_bar .rating {
background-color: #FFBC09;
height: 15px;
}
.course_rating {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.rating_review {
width: 40%;
text-align: center;
background-color: #f5f5f5;
padding: 20px;
}
.review_number {
display: block;
font-size: 70px;
color: #333;
font-weight: 500;
line-height: normal;
}
.rating_box {
width: 60%;
padding: 20px;
}
.course_rate {
margin-bottom: 10px;
}
.course_rate:last-child {
margin-bottom: 0px;
}
.user_img img {
max-width: 40px;
margin-right: 15px;
}
.comment-reply {
color: #07294d;
font-size: 14px;
}
.comment-time {
font-size: 14px;
text-transform: capitalize;
color: #333;
}
.meta_data {
margin-bottom: 6px;
}
.comment_info:hover {
transform: scale(.9);
}
.widget.widget_categories {
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
padding: 15px;
}
.comment_info {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #ddd;
transform: scale(1);
transition: .5s all ease-in-out;
}
.comment_info.reply {
padding-left: 60px;
}
.countdown_time {
display: inline-block;
width: 100%;
}
.countdown_time .countdown_box {
float: left;
width: 25%;
text-align: center;
position: relative;
}
.countdown_time .cd_text {
display: block;
color: #333;
}
.countdown_box .countdown {
color: #333;
font-size: 40px;
font-weight: bold;
}
.countdown_white .countdown_box .countdown, .countdown_white .countdown_box .cd_text {
color: #fff;
}
.countdown_box::before {
content: ":";
font-size: 40px;
font-weight: bold;
color: #000;
position: absolute;
right: -6px;
}
.countdown_white .countdown_box::before {
color: #fff;
}
.countdown_box:last-child:before {
content: normal;
}
.new-table th{
border: none;
}
.new-table td{
border: 1px solid #000;
}


table.new-table {
border: 1px solid #000 !important;
}

#overview-tab1 {
color: #000;
/*border-bottom-color: #07294d;*/
font-weight: bold;
}
#curriculum10-tab1 {
color: #000;
border-bottom-color: #07294d;
font-weight: bold;
}
#curriculum11-tab1{
color: #000;
border-bottom-color: #07294d;
font-weight: bold;
}
iframe {
border: 0;
}
.event_map iframe {
width: 100%;
height:300px;
}
.event_map {
margin-bottom: 40px;
}
.social_icons [class*="sc_"] {
color: #fff !important;
}
.social_icons [class*="sc_"]:hover {
opacity: 0.8;
}
.sc_facebook {
background-color: #3b5998 !important;
border-color: #3b5998 !important;
}
.sc_gplus,
.sc_google {
background-color:#dd4b39 !important;
border-color: #dd4b39 !important;
}
.sc_linkedin {
background-color:#0e76a8 !important;
border-color: #0e76a8 !important;
}
.sc_rss {
background-color:#ee802f !important;
border-color: #ee802f !important;
}
.sc_skype {
background-color:#00aff0 !important;
border-color: #00aff0 !important;
}
.sc_twitter {
background-color:#00acee !important;
border-color: #00acee !important;
}
.sc_youtube {
background-color:#c4302b !important;
border-color: #c4302b !important;
}
.sc_vimeo {
background-color:#86c9ef !important;
border-color: #86c9ef !important;
}
.sc_yahoo {
background-color:#720e9e !important;
border-color: #720e9e !important;
}
.sc_tumblr {
background-color:#34526f !important;
border-color: #34526f !important;
}
.sc_instagram {
background-color:#3f729b !important;
border-color: #3f729b !important;
}
.sc_pinterest {
background-color:#c8232c !important;
border-color: #c8232c !important;
}
.sc_dribbble {
background-color:#EA4C89 !important;
border-color: #EA4C89 !important;
}
.sc_reddit {
background-color: #C6C6C6 !important;
border-color: #C6C6C6 !important;
}
.sc_github {
background-color: #171515 !important;
border-color: #171515 !important;
}
.sc_android {
background-color: #A4C639 !important;
border-color: #A4C639 !important;
}
.sc_windows {
background-color: #00A7E7 !important;
border-color: #00A7E7 !important;
}
.sc_tux {
background-color: #C1C1C1 !important;
border-color: #C1C1C1 !important;
}
.sc_delicious {
background-color: #205cc0!important;
border-color: #205cc0 !important;
}
.sc_paypal {
background-color: #00588b!important;
border-color: #00588b !important;
}
.sc_blogger {
background-color: #fc4f08!important;
border-color: #fc4f08!important;
}
.sc_flickr {
background-color: #ff0084!important;
border-color: #ff0084!important;
}
.sc_yahoo {
background-color: #720e9e!important;
border-color: #720e9e!important;
}
.sc_dropbox {
background-color: #3d9ae8!important;
border-color: #3d9ae8!important;
}
.sc_ebay {
background-color: #89c507!important;
border-color: #89c507!important;
}
.sc_wordpress {
background-color: #1e8cbe!important;
border-color: #1e8cbe !important;
}
.sc_yelp {
background-color: #c41200!important;
}
blockquote {
padding: 20px 20px 20px 75px;
background-color: #f6f6f6;
font-style: italic;
position: relative;
border-left: 3px solid #888;
}
blockquote p:last-child {
margin: 0;
}
blockquote::before {
content: "\f10d";
position: absolute;
font-family: fontawesome;
font-style: normal;
font-size: 24px;
left: 30px;
top: 17px;
}
.single_post .single_post_content {
margin-top: 15px;
}
.single_post .blog_text .blog_meta {
margin: 10px 0;
}
.post_navigation i {
font-size: 32px;
line-height: normal;
}
.post_navigation span {
display: block;
font-weight: bold;
text-transform: capitalize;
}
.single_post .post_navigation {
margin: 30px 0;
}
.single_post .related_post {
margin: 40px 0;
}
.single_post .comment_list {
margin-bottom: 40px;
}
.comment-title h5 {
margin: 0;
}
.rating > span.selected{
color: #ffc300;
}
.rating > span {
cursor: pointer;
display: inline-block;
}
.rating span i {
font-size: 30px;
}
.rating > span.selected i::before {
content: "\f2fc";
}
.share {
margin: 5px 0;
}
.share h5 {
float: left;
margin-right: 10px;
margin-top: 5px;
}
.list_item li {
display: inline-block;
padding-right: 30px;
}
.list_item li:last-child {
padding-right: 0;
}
.overlap_section {
margin-right: -50px;
position: relative;
z-index: 2;
border-radius: 0 200px 200px 0;
}
.overlap_sectionleft {
margin-left: -50px;
position: relative;
z-index: 2;
border-radius: 200px 0px 0 200px;
text-align: justify;
}
.register_form {
background-color: #07294d;
}
.freetrial
{
/*	background: #febc09;*/
padding: 60px 0;
}
.fancy_box {
position: relative;
}
.fancy_box::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0px;
border: 3px solid #FFBC09;
width: 50%;
z-index: -1;
}
.fancy_box::after {
content: "";
position: absolute;
left: 0;
border-right: 3px solid #fff;
top: 50%;
bottom: 0;
width: 50%;
height: 80%;
transform: translateY(-50%);
z-index: -1;
}
.cta_section p:last-child {
margin-bottom: 0;
}
/*pricingshort*/
.pricingbox{
font-family: 'Nunito', sans-serif;
height: 210px;
width: 210px;
padding: 20px 0 0 20px;
margin: 0 auto 10px;
position: relative;
}
.pricingbox:before{
content: '';
background: #07294d;
height: 180px;
width: 180px;
border-radius: 15px 55px;
box-shadow: 0 0 10px #000 inset;
position: absolute;
left: 0;
top: 0;
}
.pricingbox .pricing-content{
color: #07294d;
background: #fff;
text-align: center;
height: 180px;
width: 180px;
padding: 18px 15px 12px;
border-radius: 15px 55px;
position: relative;
transition: all 0.3s ease;
}
.pricingbox:hover .pricing-content{ box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.pricingbox .pricing-content:before{
content: "";
width: 90%;
height: 90%;
border-radius: 0 50px;
border: 3px solid #07294d;
border-left: none;
position: absolute;
top: 9px;
left: 9px;
}
.pricingbox .pricing-icon{
font-size: 30px;
margin: 0 0 3px 0;
transition: all 0.3s;
}
.pricingbox:hover .pricing-icon{ transform: rotateX(360deg); }
.pricingbox h3{
font-size: 16px;
font-weight: 600;
line-height: 22px;
text-transform: uppercase;
margin: 0;
}
.pricingbox .pricing-value {
font-size: 24px;
font-weight: 600;
margin-bottom: 5px;
display: block;
}
a.paybtn {
background: transparent;
color: #07294d;
padding: 7px 15px;
border-radius: 3px;
font-size: 14px;
border: 1px solid #07294d;
text-transform: uppercase;
}
.pricingbox.green:before{ background: #629D02; }
.pricingbox.green .pricing-content{ color: #629D02; }
.pricingbox.green .pricing-content:before{ border-color: #629D02; }
.pricingbox.blue:before{ background: #008CCA; }
.pricingbox.blue .pricing-content{ color: #008CCA; }
.pricingbox.blue .pricing-content:before{ border-color: #008CCA; }
.pricingbox.purple:before{ background: #9b59b6; }
.pricingbox.purple .pricing-content{ color: #9b59b6; }
.pricingbox.purple .pricing-content:before{ border-color: #9b59b6; }
@media screen and (max-width:990px){
.pricingbox{ margin-bottom: 40px; }
}
/*payment*/
.payment h3 {
font-size: 20px;
}
.payment img {
width: 45px;
margin-right: 8px;
}
/*.pricing .btn-default {
padding: 5px 12px;
}
.pricing table{
background: #fff;
}
.pricing h4:before {
content: '';
width: 15px;
height: 3px;
background: #07294d;
position: absolute;
top: 10px;
left: 0;
}
.pricing h4 {
position: relative;
padding-left: 20px;
font-size:20px;
}
.pricingTable {
text-align: center;
margin: 0 10px;
z-index: 1;
background: #fff;
border-radius: 20px;
padding: 40px 0 11px 0;
position: relative;
overflow: hidden;
min-height: 410px;
}*/
.details_result li {
list-style: none;
margin-bottom: 5px;
}
.details_result li i {
color: #000;
padding-right: 8px;
}
.details_result h4 {
background: #000;
color: #fff;
font-size: 16px;
padding: 7px 12px;
margin-bottom: 15px;
border-radius: 5px;
}
/*.pricingTable .pricingTable-header {
color: #07294d;
background-color: #fff;
text-align: center;
display: block;
}
.pricingTable .pricingTable-header h3 {
color: #07294d;
background-color: #fff;
}
.pricingTable .title{
font-size: 20px;
margin: 0 0 15px;
text-transform: uppercase;
}*/
#lifetime_subscription_plan {
max-width: 700px;
margin: 0 auto; }

#lifetime_subscription_card {
background: #fff;
border-radius: 30px;
padding: 35px 0;
line-break: auto;
margin-top: -135px;
box-shadow: 0px 0px 15px 3px #9e9e9e3d;
-webkit-box-shadow: 0px 0px 15px 3px #9e9e9e3d;
-moz-box-shadow: 0px 0px 15px 3px #9e9e9e3d;
text-align:center;
}
#lifetime_subscription_card h2 {
font-family: "Roboto";
color: #000;
font-size: 38px;
text-transform: uppercase; }
#lifetime_subscription_card h3 {
font-size: 25px;
font-family: "Roboto";
text-transform: uppercase;
font-weight: normal;
margin-bottom: 20px; }
#lifetime_subscription_card .incl_tax {
font-weight: bold;
padding-top: 14px; }

#lifetime_plan_intro {
width: 100%;
float: left;
padding-top: 50px;
color: #fff; }
#lifetime_plan_intro h5 {
color: #fff;
font-weight: normal;
line-height: 40px;
font-family: "Roboto";
font-size: 30px; }
#lifetime_plan_intro .heading-solutions h4 {
font-family: "Merriweather";
color: #fff !important;
text-transform: uppercase;
margin-bottom: 0; }
#lifetime_plan_intro .heading-solutions h4:after {
border-color: #fff; }

#lifetime_price {
max-width: 400px;
margin: 0 auto;
text-align: center;
padding: 20px 0 13px 0;
background: linear-gradient(80deg, #07294d 22%, #c98de2 86%);
color: #fff;
margin-bottom: 20px;
}
.newtype{
background-color: #0a196c !important;
}
.pb150
{
padding-bottom:42px;
}
#lifetime_price .amount {
font-size: 45px;
font-weight: bold;
letter-spacing: -2px; }

#lifetime_plan_terms {
font-size: 18px;
line-height: 28px;
padding-top: 30px;
color: #3e3e3e;
text-align: center; }
#lifetime_plan_terms .container {
color: #3e3e3e; }
/*.pricingTable .content ul{
color: #000;
text-align: left;
font-size: 18px;
line-height: 30px;
text-transform: capitalize;
letter-spacing: 1px;
list-style: disc;
padding: 0;
display: inline-block;
margin: 0 auto 5px;
}
.pricingTable .content ul li{ margin-bottom: 10px; }
.pricingTable .content ul li span{ color: #07294d; }
.pricingTable .price-value {
font-size: 30px;
transition: all 0.3s;
min-height: 80px;
color: #fff;
padding: 10px 0 15px 0;
background: linear-gradient(80deg, #07294d 22%, #c98de2 86%);
align-items: center;
justify-content: center;
margin-bottom: 15px;
}*/
.inc_tax {
font-size: 13px;
}
/*.pricing-content .content {
padding: 0 15px;
}
.pricingTable .amount { color: #fff; }
.pricingTable .pricingTable-signup {
color: #ffffff;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
transition: all 0.3s;
background: #07294d;
padding: 8px 24px;
border-radius: 22px;
margin-top: 25px;
display: inline-block;
}
.pricingTable .pricingTable-signup:hover{
box-shadow: 0 0 20px rgba(255,255,255,0.7) inset;
}
.pricingTable.green .pricingTable-header h3{color: #6CB022;}
.pricingTable.green .price-value .amount{color: #6CB022;}
.pricingTable.green .pricing-content ul span{color: #6CB022;}
.pricingTable.green .pricing-content{background: linear-gradient(to bottom,#B0C333,#46A450);}
.pricingTable.blue .pricingTable-header h3{color: #1CA2D8;}
.pricingTable.blue .price-value .amount{color: #1CA2D8;}
.pricingTable.blue .pricing-content ul span{color: #1CA2D8;}
.pricingTable.blue .pricing-content{background: linear-gradient(to bottom,#B2DAC2,#51B9B6);}
@media only screen and (max-width: 990px){
.pricingTable{ margin-bottom: 30px; }
}
@media only screen and (max-width: 479px){
.pricingTable{ margin:0 0 30px; }
.pricingTable .content ul{ font-size: 15px; }
.pricingTable .price-value{ font-size: 23px; }
}*/
/*===================================*
14.END ELEMENT DESIGN
*===================================*/

.alert-msg-failure {
color: #721c24;
background-color: #efa0a0;
border-radius: 3px;
margin-top: 10px;
}
.alert-msg-success {
color: #155724;
background-color: #d4edda;
border-radius: 3px;
margin-top: 10px;
}

/*Demo Switcher Css*/
span.statcounter {
display: none;
}
.demo_switcher {
position: fixed;
right: 0;
z-index: 9999;
top: 40%;
}
.demo > ul > li > a {
font-size: 22px;
text-align: center;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
transition: all 0.5s ease-in-out;
}
.demo > ul > li > a.menu_icon {
line-height: 44px;
font-size: 25px;
}

.demo_list ul {
list-style: none;
display: inline-block;
}
.demo_list {
background-color: #fff;
position: fixed;
right: -360px;;
max-width: 360px;
padding: 5px;
overflow: auto;
top: 0;
bottom: 0;
transition: all 0.5s ease-in-out;
z-index: 9999;
}
.demo_list.switch-active {
right: 0;
}
.demo_list li {
float: left;
width: 50%;
padding: 5px;
}
.demo_list li a {
display: block;
border: 1px solid #ddd;
padding: 4px;
position: relative;
}
.demo_list li a::before {
content: "";
position: absolute;
left: 4px;
top: 4px;
bottom: 4px;
right: 4px;
opacity: 0;
background-color: rgba(0,0,0,0.6);
z-index: 9;
transition: all 0.5s ease-in-out;
}
.demo_list li a:hover:before {
opacity: 1;
}
body.switch-open {
overflow: hidden;
padding-right: 15px;
}
.switch-open::before {
content: "";
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0,0,0,0.8);
z-index: 9999;
}
.demo li {
position: relative;
}
.demo > ul > li > a.demo_icon.switch-active {
position: relative;
transition: all 0.5s ease-in-out;
-moz-transform: translateX(-360px);
-webkit-transform: translateX(-360px);
transform: translateX(-360px);
}
.demo > ul > li > a.demo_icon.switch-active i::before {
content: "\f129";
font-size: 20px;
vertical-align: middle;
}
.demo > ul > li > a.menu_icon.switch-active {
line-height: 36px;
}
.demo_list h5 {
margin: 10px 0;
}
.demo li.switch-active .color_icon {
transition: all 0.5s ease-in-out;
-moz-transform: translateX(-200px);
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
}
.color-switch {
background: #212121;
right: -200px;
padding: 10px;
position: absolute;
top: 0;
transition: all .5s ease-in-out;;
width: 200px;
z-index: 999;
}
.switch-active {
right: 0;
}
.color-switch button::after {
color: #ffffff;
content: "\f122";
font-family: "Ionicons";
font-size: 18px;
left: 5px;
opacity: 0;
position: absolute;
top: 2px;
}
.color-switch button.active::after {
opacity: 1;
}
.color-switch button {
border: 0 none;
border-radius: 3px;
cursor: pointer;
height: 25px;
line-height: 20px;
margin: 2px;
padding: 0;
position: relative;
text-align: center;
width: 25px;
}
.default {
background-color: #FFBC09;
}

.orange {
background-color: #FD5A38;
}
.blue-light {
background-color: #00C3CB;
}
.red {
background-color: #f0222c;
}
.demo_list li a span {
position: absolute;
left: 0;
right: 0;
color: #fff;
z-index: 9;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-shadow: 0 0 4px rgba(0,0,0,0.8);
opacity: 0;
padding: 0 10px;
transition: all 0.5s ease-in-out;
}
.demo_list li a:hover span {
opacity: 1;
}
@media only screen and (max-width: 480px) {
.demo_list {
right: -270px;
max-width: 270px;
}
.demo > ul > li > a.icon.switch-active {
-moz-transform: translateX(-270px);
-webkit-transform: translateX(-270px);
transform: translateX(-270px);
}
}








.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 2px;
height: 42px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.pattextbg.updpartner {
min-height: 177px;
margin-top: 155px;
}

.pattextbg {
margin-top: 160px;
padding: 20px;
}
.pattextbg {
background-color: #fff;
padding: 15px;
font-size: 14px;
color: #4a4a4c;
line-height: 22px;
margin-top: 134px;
}







.no-gutter {
padding: 0px !important
}

#product {
width: 100%;
background: url(../images/services-bg.jpg) no-repeat center center fixed;
background-size: cover;
}

.bgdark {
background: rgba(0, 0, 0, 0.2);
min-height: 200px;
}

#product h1 {
margin: 0;
display: block;
text-align: center;
font-size: 40px;
color: #fff;
font-family: 'pt_serifbold';
line-height: 50px;
position: relative;
padding: 10px 0;
margin-top: 60px;
}

#product h1:after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
height: 4px;
background-color: #21b57b;
width: 120px;
margin-left: -60px;
}

.gpad {
padding: 0 15px;
}

a.servicesbox {
display: block;
height: 200px;
padding: 135px 0 0 0;
text-align: center;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
position: relative;
color: #fff;
transition: all 0.5s ease;
}

a.servicesbox:after {
content: "";
width: 80px;
height: 80px;
position: absolute;
left: 50%;
margin-left: -40px;
top: 35px;
background-color: #fff;
border-radius: 50%;
transition: all 0.5s ease;
background-image: url(../images/services-sprite.png);
background-repeat: no-repeat;
}

a.servicesbox.g4:after {
background-color: #098c62;
}

a.servicesbox:hover {
background-color: #fff;
color: #203f5f !important;
transform: scale(1.03);
z-index: 99;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.g1 {
background-color: #203f5f;
}

.g2 {
background-color: #112840;
}

.g3 {
background-color: #456384
}

.g4 {
background-color: #fff;
color: #203f5f !important;
}

.g5 {
background-color: #0c3b6d
}

a.servicesbox:hover:after,
a.servicesbox.g4:hover:after {
background-color: #203f5f;
}

a.servicesbox[data-icon="Equity"]:after {
background-position: 0 0;
}

a.servicesbox[data-icon="Equity"]:hover:after {
background-position: -80px 0;
}

a.servicesbox[data-icon="Derivatives"]:after {
background-position: 0 -80px;
}

a.servicesbox[data-icon="Derivatives"]:hover:after {
background-position: -80px -80px;
}

a.servicesbox[data-icon="Portfolio"]:after {
background-position: 0 -160px;
}

a.servicesbox[data-icon="Portfolio"]:hover:after {
background-position: -80px -160px;
}

a.servicesbox[data-icon="Advisory"]:after {
background-position: 0 -240px;
}

a.servicesbox[data-icon="Advisory"]:hover:after {
background-position: -80px -240px;
}

a.servicesbox[data-icon="Research"]:after {
background-position: 0 -320px;
}

a.servicesbox[data-icon="Research"]:hover:after {
background-position: -80px -320px;
}

a.servicesbox[data-icon="MF"]:after {
background-position: 0 -400px;
}

a.servicesbox[data-icon="MF"]:hover:after {
background-position: -80px -400px;
}

a.servicesbox[data-icon="Currency"]:after {
background-position: 0 -480px;
}

a.servicesbox[data-icon="Currency"]:hover:after {
background-position: -80px -480px;
}

a.servicesbox[data-icon="Commodity"]:after {
background-position: 0 -560px;
}

a.servicesbox[data-icon="Commodity"]:hover:after {
background-position: -80px -560px;
}

a.servicesbox[data-icon="Depository"]:after {
background-position: 0 -640px;
}

a.servicesbox[data-icon="Depository"]:hover:after {
background-position: -80px -640px;
}

a.servicesbox[data-icon="Repository"]:after {
background-position: 0 -720px;
}

a.servicesbox[data-icon="Repository"]:hover:after {
background-position: -80px -720px;
}












.gray-bg {
background-color: #f5f6ff;
}
.m-15px-tb {
margin-top: 15px;
margin-bottom: 15px;
}

.feature-box {
box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.2);
padding: 40px 15px;
background: #fff;
border-radius: 0px;
position: relative;
top: 0;
-moz-transition: ease all 0.55s;
-o-transition: ease all 0.55s;
-webkit-transition: ease all 0.55s;
transition: ease all 0.55s;
text-align: center;
position: relative;
z-index: 99;
/*height: 409px;*/
}

/*.feature-box:after{*/
/*	content: "";*/
/*	left: 0;*/
/*	top: 0;*/
/*	height: 0;*/
/*	width: 0;*/
/*	transition: all ease 0.3s;*/
/*    border-top: 1px solid #07294d;*/
/*    border-left: 1px solid #07294d;*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*}*/
/*.feature-box:hover:after{*/
/*	height: 100%;*/
/*	width: 100%;*/
/*    border-radius: 10px 0px 10px 80px;*/
/*}*/
/*.feature-box:before{*/
/*	content: "";*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	height: 0;*/
/*	width: 0;*/
/*	transition: all ease 0.3s;*/
/*    border-bottom: 1px solid #0a196c;*/
/*    border-right: 1px solid #0a196c;*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*}*/
/*.feature-box:hover:before{*/
/*	height: 100%;*/
/*	width: 100%;*/
/*    border-radius: 10px 0px 10px 80px;*/
/*}*/
/*.feature-box:hover {*/
/*    transform: translateY(-14px);*/
/*}*/
.feature-box:hover .icon img
{
transform: rotate(360deg);
}
.feature-box .icon {
/*width: 90px;*/
/*height: 90px;*/
display: inline-block;
/*line-height: 90px;*/
text-align: center;
background: #ffffff;
border-radius: 5px;
/*font-size: 32px;*/
padding: 20px;
margin: 0 0 40px;
box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.3);
transform: rotate(0deg);
transition: ease all 0.55s;
}


.feature-box .btn-bar .m-btn-icon {
border-radius: 4px;
}
.m-btn-icon.theme-light {
background: #0a196c;
color: #fff;
border-color: #0a196c;
}
.m-btn-icon {
line-height: 34px;
display: inline-block;
text-align: center;
border-radius: 50%;
font-size: 15px;
border: 2px solid transparent;
padding: 0 15px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
border-bottom-color: #07294d;
background: #fff!important;
padding: 10px;
color: #f4821f;
border-bottom: 0;
}

.feature-box h5 {
font-size: 24px;
color: #000;
text-transform: capitalize;
}

.feature-box p{
color: #000;
}


.feature-box .icon img {
width: 40px;
transition: all 1s
}

.hover-detail {
font-size: 12px !important;
font-weight: 400;
line-height: 18px;
color: #444;
display: none;
}


.box {
overflow: hidden;
position: relative;
background: #fff;
box-shadow: 0 0 10px -5px #000;
margin: 4px 0;
}
.box:before{
content: '';
background-color: rgba(255,255,255,0.9);
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
}
.box:hover .box-content:before
{
opacity:1;
}
.box:hover .box-content:after
{
opacity:1;
}
.box .box-content:before {
content: '';
width: 40%;
height: 40%;
position: absolute;
top: 0;
left: 0;
border-top: 2px solid #07294d;
border-left: 2px solid #07294d;
opacity:0;
transition:.5s all ease-in-out;
}
.box .box-content:after {
content: '';
width: 40%;
height: 40%;
position: absolute;
bottom: 0;
right: 0;
border-bottom: 2px solid #07294d;
border-right: 2px solid #07294d;
transition:.5s all ease-in-out;
opacity:0;
}
.box:hover:before {
left: 0;
right: 0;
bottom: 0;
top: 0;
opacity: 1;
background: #fff;
}
.box img{
width: 100%;
height: auto;
transition: 0.3s all ease-in-out;
}
.box .box-content{
color: #fff;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
padding: 42px 0 0;
transition:0.3s all ease-in-out;
}
.box{
opacity: 1;
transition:0.3s all ease-in-out;
}
.box:hover .content{ opacity: 1; }
.box .title{
color: #07294d;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
opacity: 0;
transition:0.3s all ease-in-out;
}
.box .post{
color: #000;
font-size:14px;
font-weight: 500;
letter-spacing: 1px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 5px;
border-bottom: 1px solid #000;
opacity: 0;
transition:0.3s all ease-in-out;
}
.box-content .content {
opacity: 0;
}
.box-content .content p
{
font-size:14px;
color:#333;
margin-bottom:5px;
}
.box:hover .title,
.box:hover .post{
opacity: 1;
}
.box .icon{
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}
.box .icon li{
margin:0 4px;
opacity: 0;
display: inline-block;
transform: translateY(-200px);
transition: all 0.8s ease 0s;
}
.box .icon li:nth-child(2){ transition-delay: 0.1s; }
.box:hover .icon li{
opacity: 1;
transform: translateY(0);
}
.box .icon li a{
color: #fff;
background-color: #0eb1dc;
font-size: 18px;
line-height: 33px;
height: 35px;
width: 35px;
border: 2px solid #fff;
border-radius: 50%;
display: block;
transition: 0.3s all ease-in-out;
}
.box .icon li a:hover{
color: #fff;
background-color: #ff3a6f;
box-shadow: 0 0 15px #ff3a6f;
}
@keyframes bounce-left{
25%,50%,75%,100%{ transform:translateX(0); }
40%{ transform:translateX(30px); }
70%{ transform:translateX(15px); }
90%{ transform:translateX(5px); }
}
@media only screen and (max-width:990px){
.box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
.box .title{ font-size: 18px; }
}

.bg-dark {
background-color: #0a196c !important;
}
/*cources*/
.holderCircle { width: 500px; height: 500px; border-radius: 100%; margin: 0px auto; position: relative; }


.dotCircle { width: 100%; height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; z-index: 20; }
.dotCircle .itemDot {
display: block;
width: 50px;
height: 50px;
position: absolute;
background: #ffffff;
color: #7d4ac7;
border-radius: 50%;
text-align: center;
line-height: 50px;
font-size: 25px;
z-index: 3;
cursor: pointer;
border: 2px solid #e6e6e6;
}
.dotCircle  .itemDot .forActive { width: 56px; height: 56px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
.dotCircle  .itemDot .forActive::after { content: ''; width: 5px; height: 5px; border: 3px solid #7d4ac7; bottom: -31px; left: -14px; filter: blur(1px); position: absolute; border-radius: 100%; }
.dotCircle  .itemDot .forActive::before { content: ''; width: 6px; height: 6px; filter: blur(5px); top: -15px; position: absolute; transform: rotate(-45deg); border: 6px solid #a733bb; right: -39px; }
.dotCircle  .itemDot.active .forActive { display: block; }
.round { background: #fff;position: absolute; left: 40px; top: 45px; width: 410px; height: 410px; border: 2px dotted #a733bb; border-radius: 100%; -webkit-animation: rotation 100s infinite linear; }
.dotCircle .itemDot:hover, .dotCircle .itemDot.active { color: #ffffff; transition: 0.5s;   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d4ac7+0,a733bb+100 */ background: #7d4ac7; /* Old browsers */ background: -moz-linear-gradient(left, #7d4ac7 0%, #a733bb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #7d4ac7 0%, #a733bb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #7d4ac7 0%, #a733bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d4ac7', endColorstr='#a733bb', GradientType=1); /* IE6-9 */ border: 2px solid #ffffff; -webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); -moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); }
.dotCircle .itemDot { font-size: 20px; }
.contentCircle { width: 250px; border-radius: 100%; color: #222222; position: relative; top: 150px; left: 50%; transform: translate(-50%, -50%); }
.contentCircle .CirItem { border-radius: 100%; color: #222222; position: absolute; text-align: center; bottom: 0; left: 0; opacity: 0; transform: scale(0); transition: 0.5s; font-size: 15px; width: 100%; height: 100%; top: 0; right: 0; margin: auto; line-height: 250px; }
.CirItem.active { z-index: 1; opacity: 1; transform: scale(1); transition: 0.5s; }
.contentCircle .CirItem i { font-size: 180px; position: absolute; top: 0; left: 50%; margin-left: -90px; color: #000000; opacity: 0.1; }
@media only screen and (min-width:300px) and (max-width:599px) {
.holderCircle { width: 300px; height: 300px; margin: 110px auto; }
.holderCircle::after { width: 100%; height: 100%; }
.dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
}
@media only screen and (min-width:600px) and (max-width:767px) { }
@media only screen and (min-width:768px) and (max-width:991px) { }
@media only screen and (min-width:992px) and (max-width:1199px) { }
@media only screen and (min-width:1200px) and (max-width:1499px) { }
.title-box .title {
font-weight: 600;
position: relative;
z-index: -1;
font-size: 25px;
}
.title-box span { text-shadow: 0 10px 10px rgba(0, 0, 0, .15); font-weight: 800; color: #640178; }
.title-box p {font-size: 17px; line-height: 2em; }
.overlay_bg_30.about_img.z_index_minus1 {
height: 400px;
}
.about_img img {
object-fit: cover;
height: 400px;
}
.timeline {
text-align: center;
padding: 70px 0
}

.timeline h2 {
position: relative;
background: #07294d;
color: #fff;
padding: 14px 55px;
text-transform: uppercase;
font-size: 25px;
display: inline-block;
border-radius: 50px;
font-weight: 600
}

.timeline .main-timeline {
position: relative
}

.timeline .main-timeline:before {
content: "";
width: 3px;
height: 100%;
background: #07294d;
position: absolute;
top: 0;
left: 50%
}

.timeline .main-timeline .timeline {
padding-right: 30px;
position: relative;
padding: 0;
padding: 50px 0
}

.timeline .main-timeline .timeline:first-child {
padding-top: 70px
}

.timeline .main-timeline .timeline:after,
.timeline .main-timeline .timeline:before {
content: "";
display: block;
width: 100%;
clear: both
}

.timeline .main-timeline .timeline:first-child:before {
content: "";
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: -3px;
background: #07294d
}

.timeline .main-timeline .timeline:last-child:before {
content: "";
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: -3px;
top: auto;
bottom: 0;
background: #07294d
}

.timeline .main-timeline .timeline-icon {
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
border: 2px solid #07294d;
box-sizing: content-box;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: -4px
}

.timeline .main-timeline .timeline-icon:before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #07294d;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}

.timeline .main-timeline .timeline-content {
-webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-ms-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-o-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
border-radius: 10px;
padding: 35px;
position: relative;
background: #fff;
width: 460px;
text-align: left;
overflow: hidden
}

.timeline .main-timeline .timeline-content span.year {
text-transform: uppercase;
margin-bottom: 10px;
display: block;
font-size: 14px
}

.timeline .main-timeline .timeline-content h5 {
font-weight: 600;
margin: 0;
margin-bottom: 7px;
color: #07294d;
font-size: 16px
}

.timeline .main-timeline .timeline-content p {
margin: 0;
font-size: 14px
}

.timeline .main-timeline .timeline-content:before {
content: "";
display: block;
position: absolute;
width: 80px;
height: 80px;
background: #07294d;
right: -35px;
border-radius: 50%;
z-index: 2;
top: -35px
}

.timeline .main-timeline .timeline:nth-child(2n) {
padding: 0 0 0 30px
}

.timeline .main-timeline .timeline:nth-child(2n) .timeline-content {
float: right
}

@media only screen and (max-width:1200px) {
.timeline .main-timeline .timeline:nth-child(2n) .year {
left: 30%
}
}

@media only screen and (max-width:990px) {
.timeline .main-timeline .timeline:nth-child(2n) .year {
left: 25%
}
}

@media only screen and (max-width:767px) {
.timeline .main-timeline:before {
left: 10px
}
.timeline .main-timeline .timeline {
padding: 0 0 0 30px;
margin-bottom: 20px
}
.timeline .main-timeline .timeline:last-child {
margin-bottom: 0
}
.timeline .main-timeline .timeline:first-child:before,
.timeline .main-timeline .timeline:last-child:before {
display: none
}
.timeline .main-timeline .timeline-icon {
margin: 0;
position: absolute;
top: 7px;
left: 0
}
.timeline .main-timeline .timeline:nth-child(2n) .year {
display: block;
font-weight: 700;
margin: 0 0 32px 30px;
z-index: 1;
position: relative;
top: auto;
left: auto;
right: auto;
transform: none
}
.timeline .main-timeline .timeline:nth-child(2n) .year:before {
border-left: none;
border-right: 18px solid #737ab4;
right: auto;
left: -18px
}
.timeline .main-timeline .timeline-content {
padding: 20px;
width: auto;
float: none;
margin: 0 0 0 30px
}
.timeline .main-timeline .timeline:nth-child(2n) .timeline-content {
width: auto;
float: none;
margin: 0 0 0 30px
}
.timeline .main-timeline .timeline-content:after,
.timeline .main-timeline .timeline:nth-child(2n) .timeline-content:after {
border: none;
border-bottom: 20px solid #f2f2f2;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
top: -20px;
left: 50%;
right: auto;
transform: translateX(-50%)
}
}

@media only screen and (max-width:480px) {
.timeline .main-timeline .timeline:nth-child(2n) .year {
margin-left: 20px
}
.timeline .main-timeline .timeline-content,
.timeline .main-timeline .timeline:nth-child(2n) .timeline-content {
margin-left: 10px
}
}
.education {
padding: 70px 0 30px
}

.education .section-title {
position: relative
}

.education .section-title:after {
content: "";
background: url(../img/svg/shape4.svg) no-repeat center center;
background-size: cover;
position: absolute;
right: -13%;
width: 508px;
height: 484px;
top: -98%;
opacity: .2;
z-index: -1
}

.education .education-slider .owl-stage-outer {
padding: 20px 30px 40px 30px;
width: 700px;
position: relative;
left: -63px
}

.education .education-slider .edu-box {
-webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-moz-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-ms-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
-o-box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05);
background: #fff;
border-radius: 10px;
text-align: center;
padding: 20px
}

.education .education-slider .edu-box img {
width: auto;
height: 130px;
margin: auto
}

.education .education-slider .edu-box .edu-text {
margin-top: 22px
}

.education .education-slider .edu-box .edu-text h5 {
color: #07294d;
font-weight: 600;
margin: 0;
margin-bottom: 5px;
font-size: 16px
}

.education .education-slider .edu-box .edu-text span {
display: block;
color: #333;
font-size: 14px
}

.education .education-slider .edu-box .edu-text span.uni-name {
text-transform: capitalize
}

.education .education-slider .edu-box .edu-text span.year {
font-weight: 700;
margin-top: 15px
}

.education .education-slider .owl-nav {
position: absolute;
right: -112px;
bottom: 75px;
display: flex
}

.education .education-slider .owl-nav [class*=owl-] {
border-radius: 0;
background: #07294d;
outline: 0;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center
}

.education .education-slider .owl-nav [class*=owl-] i {
color: #fff
}
.education-slider .owl-dots{
display: none;
}
.education .education-slider .owl-nav .owl-next, .education .education-slider .owl-nav .owl-prev{
color: rgba(0,0,0,0);
position: relative;
}

.education .education-slider .owl-nav .owl-next:after, .education .education-slider .owl-nav .owl-prev:after {
content: "";
position: absolute;
top: 50%;
transform: translate(-50%,-50%) rotate(45deg);
width: 12px;
height: 12px;
z-index: 999;
}
.education .education-slider .owl-nav .owl-next:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
left: 44%;
}
.education .education-slider .owl-nav .owl-prev:after {
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
left: 56%;
}
.certificates{
text-transform: uppercase;
font-size: 28px;
}
.getCo{
/*background: url(../images/bg-hire.jpg) no-repeat center center fixed;*/
position: relative;
background-size: cover;
z-index: 1;
background-color: #00008B !important;
padding: 0 !important;
overflow: hidden;
}
.getCo .heading_s2 h2 {
padding: 60px 0;
line-height: 47px;
text-transform: capitalize;
}

.getCo .top_spacing {
position: relative;
padding: 60px 0;
}

.getCo .top_spacing::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
content: "";
right: -1000px;
background-color: #00008B;
transform: skewX(25deg);
z-index: -1;
}

.getCo .menu-sec-one__left-bg {
position: absolute;
top: 0;
left: -600px;
bottom: 0;
right: 815px;
background-color: #00008B;
-moz-transform: skew(25deg, 0deg);
-webkit-transform: skew(25deg, 0deg);
-o-transform: skew(25deg, 0deg);
-ms-transform: skew(25deg, 0deg);
transform: skew(25deg, 0deg);
z-index: -1;
width: 100%;
}

.getCo .menu-sec-one__left-bg .border-line {
position: absolute;
top: 0;
right: 13px;
bottom: 0;
width: 10px;
background-color: #00008B;
transform: skew(0deg, 0deg);

}

/*.getCo:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #0a196c;*/
/*    z-index: -1;*/
/*}*/
.heading_s2 h2 {
color: #fff;
font-size: 40px;
}
.cta_section p {
color: #fff;
}
.secPad{
padding: 0 0 80px;
}
.use {
margin-left: 9.666667%;
margin-right: 14%;
}
.box-shadow-primary {
-webkit-box-shadow: -1px 0 24px -2px rgba(0,0,0,0.5);
box-shadow: 0px 0 10px 0px rgb(0 0 0 / 50%);
border-radius: 10px;
}
.bg-white {
background-color: #fff;
}
.aboutDiv {
padding: 32px 40px 15px 0;
}
.rdMore {
margin: 23px 0;
text-align: center;
}
.about-btn{
background-color: #00008B !important;
opacity: 1 !important;
border-color: #00008B !important;
}

.about-btn:hover{
background-color: #f4821f !important;
border-color: #f4821f !important;
}

.aboutImg {
position: relative;
height: 482px;
}
.aboutImg img {
height: 100%;
object-fit: cover;
width: 100%;
}
.aboutOverlay {
position: absolute;
left: 15px;
top: 0;
height: 100%;
width: calc(100% - 30px);
/*background: rgba(0, 0, 0, 0.30);*/
}
.education1{
background-color: #fef8f8;
}
.aboutSection {
background-color: #fff;
/*padding:  52px 0px;*/
/*  margin: -50px 0 0; */
position: relative;
z-index: 99;
}
.footer-main{
/*background-image: url('../images/footer.jpg');*/
/*background-size: cover;*/
/*background-repeat: no-repeat;*/
position: relative;
background: #00008B;
}
.footer-main::before {
content: "";
background-color: #373435;
position: absolute;
width: 0%;
height: 100%;
}


.footer_dark{
background: url(../images/footer.jpg) no-repeat scroll center center;
background-size: cover;
}
.single-services{
margin-top: 40px;
background: #fff;
display: block;
}
.tractIn h2 {
font-size: 23px;
margin: 0 0 7px;
border-bottom: 1px solid #292b2c;
padding: 0 0 4px;
}
.service-inner {
box-shadow: none;
position: relative;
z-index: 1;
border: 1px solid #ddd;
padding: 15px 10px 7px;
z-index: 1;
}
.service-icon {
display: inline-block;
font-size: 28px;
line-height: 48px;
color: #fff;
transition: 0.4s;
position: absolute;
top: -22px;
z-index: 9999;
width: 48px;
height: 48px;
background: #07294d;
text-align: center;
border-radius: 3px;
transition: 0.4s;
border: 1px solid #07294d;
}
.pr00 {
padding-right: 0;
}
.tractIn {
background: #ecf0f1;
padding: 15px 25px 24px 10px;
border: 1px solid #ddd;
}
.services-all .service-content {
padding-top: 20px;
}
.service-inner::after {
background: #07294d;
border: 1px solid #07294d;
width: 100%;
height: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
opacity: 0;
transition: 0.4s;
z-index: -1;
}
.single-services:hover .service-inner::after {
opacity: 1;
transition: 0.4s;
}
single-services:hover .service-inner{
border: 1px solid #012a51;
}
.service-inner .service-content h4 {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}
.service-inner .service-content h4 a {
color: #444;
}
.service-inner .service-content p{
margin-bottom: 0px;
}
.single-services:hover .service-content h4 a, 
.single-services:hover .service-content p{
color: #fff;
}
.single-services:hover .service-icon {
color: #07294d;
background:#fff;
transition: 0.4s;
}
.services-area{
padding: 0 0 50px;
}
#product .pad00{
padding: 0;
}



.grybg{    background: #fef8f8;    position: relative;}

.maltimediabg {
background: #fff;
padding: 32px;
margin-bottom: 30px;
margin-top: 0;
box-shadow: 0 0 20px #d2d2d2
}


.eliPera li {
font-size: 16px;
line-height: 26px;
margin: 0 0 12px;
position: relative;
padding: 0 0 0 20px;
list-style-type: none;
}

.eliPera ul li i {
font-size: 14px;
left: 0;
position: absolute;
top: 5px;
/*    z-index: 999;*/
}

.headingIn {
color: #0a196c;
font-size: 22px;
position: relative;
margin-bottom: 10px;
padding-bottom: 5px;
}



.bankdet2 > img {
/* height: 47px; */
height: 100%;
width: 100%;
object-fit: cover;
}
.bankdetl > img {
/* height: 47px; */
height: 80px;
width: 100%;
object-fit: contain;
}


.bank-name-head {
font-size: 25px;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px;
font-weight: 700;
}

/*neelesh------------------------*/

.slider-box-form {
position: absolute;
top: 50%;
right: calc((100% - 1170px) / 2);
transform: translateY(-50%);
z-index: 9;
width: 390px;
}

.about-box-layout3 {
padding: 15px;
box-shadow: none;
}
.about-box-layout3 {
background-color: #ffffff;
-webkit-box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);
box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);

border-radius: 1px;
}
.cont h3{    background: #07294d;
padding: 15px 0px;
text-align: center;
margin-bottom: 0;
color: #fff;
font-size: 20px;}

.item-title{
font-size: 20px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
padding-bottom: 10px;
}	
.arrow-left-menu {
position: relative;
}
.dropdown-item:hover {
background: #f4821f;
color: #fff !important;
}
.arrow-left-menu:after {
border: 0 none;
content: "\f3d0";
font-family: ionicons;
height: auto;
line-height: normal;
margin-right: 10px;
vertical-align: middle;
width: auto;
transition: all 0.3s ease-in-out;
position:absolute;
right:0;
top:10px;
}
.rssfeed {
margin: 20px 10px;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
margin-top:10px;
/*border-radius: 0px 40px 0px;*/
}
.rssfeed img {
position: relative;
z-index: -1;
width: 100%;
height: 600px;
}
/*.rssfeed:hover{*/
/*	background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-color: transparent;*/
/*    background-image: url(../images/rss.png) !important;*/
/*    background-position: center;*/
/*    color: #fff;*/
/*}*/
/*.rssfeed:hover .feeds .link-box a {*/
/*    color: #fff;*/
/*}*/


.rssfeed .feeds .link-box a:hover {
color: #f4821f;
}*

.rssfeed h3 {
/*border-radius: 0px 30px 0px 0px;*/
text-align: center;
background: #f4821f;;
color: #fff;
padding: 8px 5px;
font-size: 22px;
margin-bottom: 0;
text-transform: uppercase;
}
.quote-icon i{
color: #1d3858;
font-size: 35px;
}
.feeds {
padding: 15px;
height: 420px;
overflow:auto;
}
::-webkit-scrollbar {
display:none;
}
.content-box-parent {
border-bottom: 1px solid #ddd;
padding: 6px 0;
}
.navbar-brand {
width: 185px;
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
/*margin-right: 5rem;*/
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}	
.overlay_bg_blue_90:before {
background-color: #0a196cab;
}
.npd{padding:50px 0px;}

.ntext {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 600;
letter-spacing: 2px;
text-align: center;
color: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/*-webkit-animation: hue 10s infinite linear;*/
-webkit-text-stroke: 1px #fff;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}




.awesome {
margin: 0px auto;
/* text-align: center; */
color: #313131;
font-size: 18px;
font-weight: bold;
/* position: absolute;
-webkit-animation: colorchange 20s infinite alternate; */
}

@-webkit-keyframes colorchange {
0% {

color: blue;
}

10% {

color: #8e44ad;
}

20% {

color: #1abc9c;
}

30% {

color: #d35400;
}

40% {

color: blue;
}

50% {

color: #34495e;
}

60% {

color: blue;
}

70% {

color: #2980b9;
}
80% {

color: #f1c40f;
}

90% {

color: #2980b9;
}

100% {

color: pink;
}
}


.header_wrap .mrgLeft {
padding: 0 0 0 17px !important;
border-left: 1px solid #fff;
margin: 0 0 0 44px !important;
}
.header_wrap .top-header .contact_detail li + li + li + li{

margin: 0 0 0 30px !important;
}
.cliebtComment{
margin-top: 50px;
}
.color_red {
color: #0dbae8;
}
.line_1 {
width: 200px;
margin-top: 10px;
}
.line_2 {
width: 150px;
margin-top: 5px;
}
.line_3 {
width: 100px;
margin-top: 5px;
margin-bottom: 15px;
}
.line_1, .line_2, .line_3, .line_1-1, .line_2-2, .line_3-3 {
display: block;
height: 1px;
background: #dbdbdb;
position: relative;
}
.bottom40 {
margin-bottom: 40px;
}
.about-detail h4 {
border-left: 5px solid #0dbae8;
}
.about-detail h4 {
font-style: oblique;
color: #222;
font-weight: 400;
background: #eee;
padding: 10px 15px;
line-height: 25px;
letter-spacing: 1px;
font-size: 16px;
}
.about-detail p {
padding: 30px 0 0 0;
font-size: 15px;
}
.about-image img {
width: 100%;
margin-bottom: 5px;
}
.about-image .row .col-md-6:first-child {
padding-right: 3px;
}
.about-image .row .col-md-6:last-child {
padding-left: 3px;
}













.service_single_content {
border-radius: 10px;
background-color: #fff;
background-image: url(../img/core-img/cards-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.11);
box-shadow: 0 5px 40px 0 rgba(0,0,0,.11);
border: none;
padding: 40px 20px;
margin-bottom: 30px !important;
height: 365px;
}


.service_icon {
margin-bottom: 30px;
display: inline-block;
max-width: 150px;
}
.servicesDetail{
background: #fef8f8;
}

.detailImg {
margin: 0;
margin-bottom: 54px;
}
.detailImg img {
width: 100%;
border: 1px solid #ddd;
height: 350px;
object-fit: cover;
}
.detailDiscription {

background: #fff;
padding: 23px 36px;
border: 1px solid #ddd;
margin: 0 0 54px 0;
position: relative;
z-index: 9;
border-radius: 10px;
}
.detailDiscription h2 {
font-size: 25px;
position: relative;
color: #00008B;
margin: 0 0 15px;
padding: 0 0 8px;
}
.detailDiscription h2:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 80px;
background: #0a196c;
z-index: 9;
display: none;
}
.detailDiscription p {
color: #000;
/*margin: 0 0 18px;*/
/*border-bottom: 1px solid #ddd;*/
/*padding: 0 0 8px;*/
}
.featureList ul li {
list-style: none;
position: relative;
color: #000;
margin: 0 0 5px;
padding: 0 0 0 26px;
}
.cre-con{
box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-top: 30px;
}
.featureList ul li i {
position: absolute;
left: 5px;
top: 6px;
font-size: 13px;
color: #07294d;
}
.featureList {
margin: 0 0 17px;
/*border-bottom: 1px solid #ddd;*/
padding: 0 0 15px;
}
.featureList ul {
padding: 0 0 0 18px;
}




.demo-video{
position: relative;
}
.demo-video .welcome-video-area{
margin-top: 0
}
.demo-video.features .services-block-four{
padding: 25px 20px 15px;
margin-bottom: 20px
}
.icon-img-box img {
width: 47px;
}
.subscribe .group input{
border-bottom-color: rgba(255, 255, 255, 0.2) !important 
}
.demo-video{
background: linear-gradient(to right, #4834d4, #341f97);
overflow: hidden;
border-top: 1px solid #eee
}
.demo-video p{
color: rgba(255,255,255,.7)
}
.demo-video.features .services-block-four {
padding: 25px 20px 15px;
margin-bottom: 20px;
}
.features .services-block-four {
box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.18);
-webkit-box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.18);
padding: 30px 20px 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
overflow: hidden;
}
.services-block-four {
position: relative;
margin-bottom: 30px;
background: #fff;
}
.services-block-four .inner-box {
position: relative;
padding-left: 100px;
}
.icon-img-box {
position: absolute;
left: 0;
top: 0;
}

.services-block-four .inner-box h3 {
position: relative;
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
}
.services-block-four .inner-box h3 a {
color: #222;
}
.services-block-four .inner-box .text {
font-size: 14px;
color: #000;
margin-top: 8px;
margin-bottom: 10px;
}

.intro{
position: relative;
z-index: 0;
}
.beans{
background: url(../img/team-img/food/beans.png) no-repeat;
background-size: 23% 100%;
background-position: right;
}
.caffen{
background: url(../img/team-img/food/coffee.png) no-repeat;
background-size: 25% 100%;
background-position: right;
}
@media (max-width: 992px){
.beans,
.caffen{
background: transparent;
}
}
.intro .no-r-l{
padding-right: 0px;
padding-left: 0px;
}
.intro .intro-box{
color: #fff;
padding: 35px 25px;
height: 258px;
}
.features-list.v3 p {
color: #fff;
text-align: justify;
}
.intro .intro-box h4{
margin-top: 25px;
font-size: 18px;
color: #fff;
margin-bottom: 15px;
text-transform: uppercase;
}

.intro .box-1{
background-color:#0487d9;
}
.intro .box-2{
background-color:#1998e7 ;
}
.intro .box-3{
background-color:#2da4ee ;
}
.intro .box-4{
background-color:#43adf0 ;
}
.intro .intro-box p{
color: #efefef;
margin-bottom: 0px;
font-size: 14px
}
.img-info{
display: inline-block;
text-align: center;
height: 60px;
padding-bottom: 15px;
}
.icon-font-box {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
border: 2px solid #2da4ee;
}
.services-block-four.v2 .inner-box {
position: relative;
padding-left: 70px;
}
.icon-font-box i {
font-size: 20px;
color: #2da4ee;
}
.gradient-text.blue {
background-image: linear-gradient(35deg, #17EAD9 0%, #6078EA 100%);
}
.dream-dots span {
font-weight: bold;
display: inline-block;
background-image: linear-gradient(135deg, #846FF4 0%, #F17674 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.who-we-contant h4 {
margin-bottom: 20px;
font-size: 30px;
color: #222;
}
.width-80 {
max-width: 80%;
}
@media only screen and (max-width: 767px) {
.intro{
position: relative;
z-index: 0;
}
}


.corporate-sec-bg {
background: url(../images/money-2724235_1920.jpg) no-repeat center center;
background-size: cover;
}
.no-padding-right {
padding-right: 0 !important;
}
.features-list.v3 {
background: #1e3953;
padding: 50px;
border-radius: 20px;
}
.who-we-contant h4 {
margin-bottom: 20px;
font-size: 30px;
}
.w-text {
color: #fff !important;
}
.priceBox {
max-width: 222px;
margin: 0 auto;
background: #1998e7;
text-align: center;
padding: 15px;
border-radius: 5px;
color: #fff;
}
.priceBox h3 {
color: #fff;
}
.priceBox p {
color: #fff;
margin: 0;
}
p.priceIn {
text-align: center;
color: #fff;
margin: 24px 0 0;
}
.more-btn {
color: #fff;
margin: 20px 0 0;
border: 1px solid #fff;
}
.more-btn:hover {
color: #1e3953;
background:#fff;
font-weight:600;
}


.detailPrice {
margin: 0 0 20px;
}
.pricingTable{
padding: 25px 0 0;
background: #00008B;
text-align: center;
transition: all 0.3s ease 0s;
}
.pricingTable:hover{ 
box-shadow: 0 8px 6px -6px #4f384d; 
background-color: #f4821f;
border-left: 2px solid #00008B;
border-right: 2px solid #00008B;
}
.pricingTable .title{
font-size: 30px;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.pricingTable .price-value{
font-size: 38px;
color: #07294D;
margin-bottom: 18px;
}
.pricingTable .month{
display: block;
font-size: 20px;
color: #fe6c6c;
}
.pricingTable .pricing-content{
padding: 60px 0 30px;
z-index: 1;
position: relative;
}
.pricingTable .pricing-content:before,
.pricingTable .pricing-content:after{
content: "";
width: 65%;
height: 100%;
background: #fff;
border-radius: 0 50px 0 0;
z-index: -1;
position: absolute;
top: 0;
left: 0;
}
.pricingTable .pricing-content:after{
border-radius: 50px 0 0 0;
left: auto;
right: 0;
}
.pricingTable .pricing-content ul{
padding: 0;
margin: 0 0 20px 0;
list-style: none;
}
.pricingTable .pricing-content ul li{
font-size: 17px;
font-weight: 600;
color: #4f384d;
line-height: 50px;
letter-spacing: 1px;
border-bottom: 1px solid #c5d2d4;
}
.pricing-content ul li:last-child{ border-bottom: none; }
.pricingTable .pricingTable-signup{
display: inline-block;
padding: 7px 20px;
font-size: 14px;
font-weight: 700;
color: #0a196c;
text-transform: uppercase;
border-left: 3px solid #0a196c;
border-right: 3px solid #0a196c;
position: relative;
transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup:before,
.pricingTable .pricingTable-signup:after{
content: "";
width: 0;
height: 3px;
background: #fe6c6c;
position: absolute;
top: 0;
left: 0;
transition: all 0.3s ease 0s;
}
.pricingTable:hover .pricingTable-signup{
color: #fe6d6d;
border-left-color: #fe6c6c;
border-right-color: #fe6c6c;
}
.pricingTable .pricingTable-signup:after{
top: auto;
left: auto;
bottom: 0;
right: 0;
}
.pricingTable .pricingTable-signup:hover:before,
.pricingTable .pricingTable-signup:hover:after{ width: 100%; }
@media only screen and (max-width: 990px){
.pricingTable{ margin-bottom: 30px; }
}
.introduction {
background: #ecf0f1;
}
.introduc {
text-align: center;
}
.introduc h2 {
font-size: 37px;
border-bottom: 1px solid #000;
}
.introduc p {
margin: 0;
color: #000;
}
.whatWill {
margin: 0 0 48px;
}
.checkBox {
float: left;
width: 53px;
box-sizing: border-box;
}
.checkBox i {
font-size: 56px;
color: #43adf0;
}
.whatIn {
float: left;
width: -webkit-calc(100% - 53px);
width: -moz-calc(100% - 53px);
width: -ms-calc(100% - 53px);
width: -o-calc(100% - 53px);
width: calc(100% - 53px);
box-sizing: border-box;
padding: 0 0 0 15px;
display: table;
height: 53px;
vertical-align: bottom;
}
.key {
text-align: center;
margin: 0 0 45px;
}
.whatIn p {
margin: 0;
/*display: table-cell;*/
vertical-align: middle;
}
.whatIn h2 {
font-size: 20px;
line-height: 23px;
color: #000;
}
.rese {
background: #ecf0f1;
padding: 50px 0 0;
}
.copyright a{
color: #fff;
}

.footer_logo img {
/*background: #fff;*/
padding: 10px;
}

.dob-icon{
position: absolute;
right: 16px;
bottom: 13px;
}
.dob-field{
z-index: 9 !important;
background-color: transparent !important;
position: inherit !important;
}

/*#curriculum4-tab1 {
background: #07294d!important;
}*/
/*.nav-tabs li.nav-item :active {
background-color: #07294d!important;
}*/


/*.features-sec-new{*/
/*    background-color: #fef8f8;*/
/*}*/

.features-sub-new{
/*background-image: url(../images/feature-bg.jpg);*/
background-color: #fff;
padding: 30px 10px;
box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}

.contact-divs-new{
background-color: #fff;
padding: 30px 10px;
box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.2);
border-radius: 5px;
min-height: 100%;
}

.contact-page-add {
color: #000;
font-size: 18px;
text-align: center;
}

.contact-page-add a{
color: #000;
}

.features-img-div-new {
background-color: #f4821f;
padding: 10px;
border-radius: 5px;
width: fit-content;
margin: 0 auto;
}

.features-name-new h5 {
text-align: center;
font-size: 24px;
text-transform: capitalize;
padding-top: 10px;
color: #474646;
font-weight: 700;
}

.testimonial-sec-new{
background-color: #fef8f8;
height: 750px;
}

/*section.mobile {*/
/*    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/mobile-app.png');*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/

.modal{
z-index: 9999999 !important;
}

.bank-details-div{
box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 25px;
min-height: 350px;
background-color: #fff;
}

.bank-details-list {
color: #000;
list-style-type: none;
}

.bank-details-list li{
margin-top: 12px;
}


.bank-details-list li strong {
/*margin-left: 10px;*/
font-size: 18px;
text-transform: uppercase;
}


form label {
color: #000;
}

.form-group {
margin-bottom: 30px;
}


.query-div-new{
box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 25px;
background-color: #fff;
}

.complaints-table-div{
box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 25px;
background-color: #fff;
}

.table thead {
background-color: #f4821f;
color: #fff;
}

.table thead th, .table td{
border: none;
}

.table tbody tr:nth-child(even) {
background-color: #f3f3f3;
}

.table tfoot {
background-color: #000;
color: #fff;
}

.pricing-tabs-nav-new ul {
display: block;
border-bottom: 0;
}

.pricing-tabs-nav-new ul li a{
text-align: left;
}

.tab-content {
background-color: #fff;
padding: 30px 30px 30px;
box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}

.tab-content .pricing {
box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.2);
padding: 20px;
margin-top: 30px;
}

.tab-content .pricing h4 {
text-align: center;
margin-bottom: 20px;
}

.service-price-new .price-name-value-new {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
}

.service-price-new .price-name-value-new .title {
margin-bottom: 0;
font-size: 16px;
}

.service-price-new .price-name-value-new .price-value {
margin-bottom: 0;
font-size: 16px;
line-height: 1.2;
}

.service-price-new .pricingTable {
padding: 0;
}

.service-price-new .price-name-value-new .price-value i {
font-size: 16px;
padding-left: 10px;
}


.service-price-new .pricing-content {
padding: 25px 0px;
}


@media (min-width: 1200px){
.service-price-new {
width: 85%;
margin: 0 auto;
}
}


.getCo a.btn {
text-transform: lowercase;
}

.banklogowithname{
display: flex;
align-items: center;
justify-content: center;
}

.banklogowithname img {
width: 50px;
}

.banklogowithname .bank-name-head{
margin-bottom: 0 !important;
}

#shadow-host-companion {
display: none;
}

.new-mobi-upper{
position: relative;
}
.new-mobi-upper img{
top: -280px;
/*left: 50px;*/
}
/*.new-second-fourth .col-lg-3:nth-child(2) , .new-second-fourth .col-lg-3:nth-child(4) {*/
/*margin-top: 115px !important;*/
/*}*/

.rating i{
    color: #F7C501;
    font-size: 20px;
}