@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;1,800;1,900&display=swap');
body {color: #000;	font-family: 'Mulish', sans-serif;	font-size: 16px; line-height: 28px; background: #fff; font-weight: 300}
h1, h2, h3, h4, h5, h6 {	font-weight: 800; color:#000; font-family: 'Nunito', sans-serif;}
ul, li {padding: 0;	list-style: none; margin:0;}
a:focus,a:hover, a {	text-decoration: none; color:#141313;}
img {	max-width: 100%;}
.heading {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
}
.btn.primary-btn {
    background: rgb(244, 191, 0);
    color: #000;
    border-radius: 4px;
    padding: 13px 35px; text-transform: uppercase;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out; position: relative;
}

.row{width: 100%;}
.btn.primary-btn:hover{background: #223D72; color: #fff}
.top_header .btn.primary-btn{float: right;}
.top_header ul { display: inline-block;margin: 13px 0 0;}
.top_header ul li{display: inline-block; color: #fff; margin-right: 10px}
.top_header{background: #273C66}
.top_header li a{color: #fff; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;  }
    #main_nav {
    margin: 20px 0 0;
}
.booking-form-outer {
    background: #fff;
    padding: 20px;
    outline: 13px solid rgba(255,255,255,.3);
}
.top_header .social_head li a{width: 30px;  text-align: center; height: 30px; line-height: 30px;
border-radius: 2px;display: inline-block;}
.top_header .social_head li a:hover{background: #6732D0;}
.offcanvas-header{ display: none; }
#navbar_top{ padding: 0 0 25px}
.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    font-size: 15px;
    font-weight: 600;padding: 8px 13px; border-radius: 3px;
    text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{background: #F4BF00; color: #000}
#banner_outer.home .navbar-expand-lg .navbar-nav .nav-link{color: #fff;}
.navbar-expand-lg .navbar-nav .nav-item {    margin-left: 5px;}
#banner_inner{ background: url(../images/slider-new.jpg);  background-size: cover; padding-bottom: 50px;}
#cma_banner_inner{background: url(../images/cma-banner.jpg);  background-size: cover; padding-bottom: 50px;}

#cma_banner_inner h2,#banner_inner h2 { margin-top: 50px;
    font-size: 53px;
    color: #fff;
    font-weight: 900;}
#cma_banner_inner p,#banner_inner p{
    font-size: 33px;
    color: #fff;
    margin: 20px 0 40px;}
.title-inner .sub-text {
    font-size: 20px;
    color: #F4BF00;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    margin-bottom: 10px;
    display: inline-block;
}
.title-inner .title {
    font-size: 36px;
    font-weight: 700; text-transform: capitalize;
    margin-bottom: 15px;
}
.why_us {
    padding: 50px 0;
}.whyus_inner .title-inner {
    margin-top: 40px;
}
.cource_box h2 {
    background: #273C66;
    color: #fff;
    font-size: 24px;
    padding: 10px;
    text-align: center;
}.cource_box h2 {
    background: #273C66;
    color: #fff;
    font-size: 24px;
    padding: 10px;
    text-align: center;
}
.cource_sallery {
    background: #F9F8F8;
    padding: 40px 0;
}
.cource_sallery_inner h3 {
    font-size: 46px;
    font-weight: 800;
}
.client{padding: 50px 0 ;}
footer{background: #1C335F; padding: 30px 0 10px; color: #fff}
footer .widget-title h4{ font-size: 22px; color: #fff; position: relative; padding-bottom: 12px; margin-bottom: 20px;}
footer .widget-title h4:after{position: absolute; content: ""; width: 50px; height: 3px; background: #F4BF00; left: 0; bottom: 0}
footer .list a{color: #fff;}
#feature2 li,.Program2 li,.data-duration-panel li,.single-hero-feature li,.cma_features_box ul li,.data-process-cont li,.why_us.data-science-panel li,footer .list li{position: relative; padding-left: 20px; margin-bottom: 5px;}
#feature2 li:before,.Program2 li:before,.data-duration-panel li:before,.single-hero-feature li:before,.cma_features_box ul li:before,.data-process-cont li:before,.why_us.data-science-panel li:before,footer .list li:before{position: absolute; content: ""; width: 8px; height: 8px;background: #F4BF00; left: 0; top: 12px;}
footer .info-list li a{ color: #F4BF00; display: inline-block; }
footer .info-list li{position: relative; padding-left: 30px; margin-bottom: 5px;}
footer .info-list li i{position: absolute; top: 11px; left: 0}
.newsletter-form input {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    font-size: 13px;
    width: 100%;
    height: 40px;
    padding: 15px;
}
.newsletter-form .form-group i {
    position: absolute;
    left: 10px;
    top: 11px;
}
.newsletter-form .form-group {
    position: relative;
}
.newsletter-form input {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    font-size: 13px;
    width: 100%;
    height: 40px;
    padding: 15px;
        padding-left: 15px;
    padding-left: 33px;
}
footer button{width: 100%;}
.social-links li {
    display: inline-block;
    margin-right: 5px;
}
.social-links{ margin-top: 20px; }
.social-links li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #f4bf00;
    line-height: 40px;
    border-radius: 4px;
}
.footer-bottom .copyright {
    border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 20px;
    text-align: center;
    margin-top: 30px;
}
.footer-bottom .copyright  a{color:#f4bf00}
#page_title{background: #F9F8F8;}
#page_title .navbar-expand-lg .navbar-nav .nav-link{ color: #444 }
#page_title #navbar_top { padding: 10px 0;  background: #fff;}
.page_title_inner {
    text-align: center;
    padding: 40px 0;
    text-transform: capitalize;
}
.why_us.data-science-panel .title-inner {
    margin: 0;
}
.data-process-img img{ width: 100%; }
.data-process-cont h2 {
    font-size: 22px;
    text-transform: capitalize;
}
.data-process-cont {
    padding: 20px 0;
}
.data-process-cont h3 {
    font-size: 19px;
    font-weight: 600;
    color: #F4BF00;
    text-transform: capitalize;
}
.cma_features,.cources-process-panel{position: relative; min-height: 500px; background: url(../images/bg.jpg); background-size: cover; padding: 50px 0;  margin-bottom: 50px;}
.cma_features .pattern-2,.cources-process-panel .pattern-2 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 463px;
    background-size: cover;
    background-repeat: repeat-x;
    animation: slide 100s linear infinite;
    -webkit-animation: slide 100s linear infinite;
}@keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}
.cources-process-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #010F2C;
    padding: 20px;
    margin-bottom: 30px;
}
.cources-process-panel h2 {
    color: #fff;
    font-size: 44px;
}
.cources-process-panel.Program2 h2 {
    font-size: 38px;
}
.cources-process-panel.Program2 .cources-process-box h2 { font-size: 24px }
.cources-process-panel h3 {
    color: #F4BF00;
    font-size: 34px;
}
.cources-process-panel.Program2 li,.cources-process-box p {
    color: #fff;
    opacity: 0.5;
}
.cources-process-box h2 {
    font-size: 28px;
    text-transform: capitalize;
}
.data-process-panel .title-inner{ margin-bottom: 30px; }
.cma-feature-img span {
    display: inline-block;
    background: #F4BF00;
    width: 70px;
    padding: 12px;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    bottom: -29px;
    left: 0;
    right: 0;
    margin: auto;
}
.cma-feature-img {
    position: relative;
}
.cma_features_box h2 {
    padding: 50px 20px 0;
    font-size: 22px;
    text-transform: capitalize;
}
.cma_features_box ul {
    padding: 0 20px 20px;
}
.cma_features_box {
    background: #fff;
}
.count {

font-size: 24px;
color: #f4bf00;
    font-family: 'Nunito', sans-serif;

}
.count_panel_inner p {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
}
.count_panel img{margin-bottom: 20px;}
.count_panel h2 {
    margin-bottom: 10px;
    font-size: 24px;
}
.contact_letter {
    background: #F4BF00;
    padding: 30px 0;
}
.contact_letter .btn{ background: #1C335F; color: #fff }
.count {
    font-size: 24px;
    color: #f4bf00;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    margin-right: 15px;
}
.orvalue_panel{background: #F7F7F7; padding: 50px 0}
.intro-txt {
    padding: 50px 47px 50px 47px;
    background-color: #F4BF00;
color: #000;
}
.section-title {
    font-size: 22px;
    font-weight: 700;
    font-family: 'Nunito', sans-serif;
}
.section-summary {
    font-size: 18px;
    color: #000;
    margin: 16px 0px 47px 0px;
    font-weight: 300;
    line-height: 30px;
    opacity: .7;
    font-family: 'Mulish', sans-serif;
}
.intro-bg {
    height: 100%;
    background-size: cover;
    background-image: url('../images/what_we_do.jpg');
}
.hero-features {
    padding: 0 15px;
}
.single-hero-feature{color: #fff; padding: 30px;}
.single-hero-feature.two{background:#14274A}
.single-hero-feature.one{background:#273C66}
.single-hero-feature h3 {
    color: #F4BF00;
}
.data-duration-panel{padding: 50px 0}
.data-duration-panel h2{ font-size: 20px; margin-top: 30px; }
#feature2{ padding:0  0 0px }
#feature2 h2{ font-size: 30px; margin-bottom: 30px; }
#feature2 h3{ font-size: 20px; margin-bottom: 20px; }
.box-info.box-info-indent {
    background: #F8F9FB;
    padding: 20px;
}
.box-info-indent .tt-title {
    margin: 0 0 5px;
}
.tt-title {
    position: relative;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.tt-social-icon li {
    display: inline-block;
    margin-right: 10px; margin-top: 20px;
}
.tt-social-icon li a {
    width: 40px;
    height: 40px;
    background: #F4BF00;
    color: #000;
    display: block;
    text-align: center;
    border-radius: 4px;
    line-height: 40px;
}
.box-info-indent .tt-title { font-size: 20px; font-weight: 700;
    margin: 0 0 5px;
}

#faq .card {
  margin-bottom: 15px;
  border: 0;
}
#faq_outer {
    padding: 50px 0;
}
#faq .card .card-header {
  border: 0;
  -webkit-box-shadow:5px 4px 13px 0px rgba(75,131,252, 0.45);
          box-shadow: 5px 4px 13px 0px rgba(75,131,252, 0.45);
  border-radius: 2px;
  padding: 0;
}

#faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;font-size: 18px;
font-weight: 700;
  text-align: left;
  background: #273C66;
  color: #fff;
  padding: 15px 20px;
}

#faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#faq .card .card-header .btn-header-link.collapsed {
  background: #F5F3F4;
  color: #273C66;
}

#faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#faq .card .collapsing {
  line-height: 30px;
}

#faq .card .collapse {
  border: 0;
}

#faq .card .collapse.show {
  line-height: 30px;
  color: #222;
}
.card-body ul li{position: relative; padding-left: 20px;}
.card-body ul li:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; position: absolute; left: 0;
}
.who-we-are ul li:before{position: absolute; content: ""; width: 5px; height: 5px; background: #000; left: 0; top: 10px;}
.who-we-are ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
.who-we-are {
    padding: 30px 0;
}
@media(max-width: 1200px){
    .top_header ul li{margin-right: 8px;font-size: 13px;}
    .top_header ul{margin: 6px 0 0;}
    .top_header .btn.primary-btn{padding: 10px 17px;font-size: 13px;}
}
@media(max-width: 990px){
.top_header ul.social_head li {    margin: 0;}
.top_header ul li {    margin-right: 5px;    font-size: 12px;}
.top_header .btn.primary-btn{font-size: 11px;}
.navbar-toggler{float: right;}
#main_nav{display: none;}
#main_nav {    margin: 0;    position: absolute;    right: 0;    background: #F4BF00;    z-index: 999;    top: 35px;    width: 200px;}
#cma_banner_inner h2, #banner_inner h2{ margin-top: 0; font-size: 40px; }
.top_header .social_head li a{width: 20px; height: 20px;}
#cma_banner_inner p, #banner_inner p{font-size: 33px;margin: 14px 0 20px;}
.booking-form-outer{ margin-top: 15px; }
.hero-features {    padding: 0 0 0 15px;}
.hero-features img,.why_us img{width: 100%;}
}
@media(max-width: 767px){
.top_header .col-md-8{display: none;}
#cma_banner_inner h2, #banner_inner h2{font-size: 32px;}
.top_header ul.social_head {    float: left;}
.single-hero-feature{flex: 100%; max-width: 100%;}
}


@media(max-width: 580px){
    
    .hero-features {    padding: 0 15px;}
    .pr-0, .px-0{padding-right: 15px !important;}
    .row{ margin: 0 }
#navbar_top .col-md-3.col-sm-6,#navbar_top .col-md-9.col-sm-6{ float: left; width: 50% }
#navbar_top{padding: 0 15px;}
}


.temp{
    font-size: 15px;
    font-weight: bold;
    font-weight: 600;
    border-radius: 3px;
    padding:8px 6px!important;
    color:#444;
    text-transform: uppercase;
    }

    .mynav{
    padding:8px 6px!important;
    color:#444;
    font-size: 15px;
    font-weight: bold;
    font-weight: 600;
    padding: 8px 5px;
    border-radius: 3px;
    text-transform: uppercase;
    }