@charset "utf-8";

/* CSS Document */





@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');



*{margin:0; padding:0;}

body{font-family: 'Open Sans', sans-serif;}

h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;}

a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

ul, ol{list-style:none; padding-left: 0;}

img{max-width:100%;}

p{font-size:14px; line-height:26px; color:#212529;}

.style_none{list-style:none; margin-bottom:0;}

.clearfix{clear: both;}

.style_none{list-style:none;}

.mt30{margin-top: 30px;}

ul.tick{ list-style: none; padding: 0;}

ul.tick li{position:relative; padding-left:25px; font-size: 16px; line-height: 36px;}

ul.tick li:before{  

	font-family: 'Font Awesome 5 Free'; font-weight: bold;

    content: '\f00c';

    position:absolute; top:0; left:0;

    color:#40aee0;

}



.tick_listWrp ul{ list-style: none; padding: 0;}

.tick_listWrp ul li{position:relative; padding-left:25px; font-size: 16px; line-height: 36px;}

.tick_listWrp ul li:before{  

	font-family: 'Font Awesome 5 Free'; font-weight: bold;

    content: '\f00c';

    position:absolute; top:0; left:0;

    color:#40aee0;

}



.readmore{margin-top: 30px;}

.readmore a{text-decoration: none; color: #fff; background: #00235f; border-radius: 6px; box-shadow: 0px 10px 15px rgb(0 0 0 / 20%); display: inline-block; padding: 16px 44px; font-size: 18px;  font-weight: bold; }

.readmore a:hover{background: #33abe0; color: #fff;}

.title{position: relative; margin-bottom:25px;}

.title h1{font-size: 48px; color: #33abe0; font-weight: 900; line-height: 50px;}

.title h1 span{display: block;}

.title_center{text-align: center;}

.title span{font-size: 18px !important; color: #000; font-weight: bold; font-family: 'Montserrat', sans-serif;}

.tagline{color: #000; font-size: 18px; font-style: italic; line-height: 30px; padding-left: 25px; position: relative; font-family: 'Montserrat', sans-serif; font-weight: 500;}

.tagline:before{content:""; background:#334462; width: 6px; height: 100%; position: absolute; top: 3px; left: 0; border-radius: 10px;}

.container{max-width: 1310px;}



.model_btn{text-align: center;}

.model_btn .btn{color: #fff;

    background: #00235f;

    border-radius: 6px;

    box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

    display: inline-block;

    padding: 16px 44px;

    font-size: 18px;

    font-weight: bold; 

}







/*************************************

        Topbar-wrap Start

*************************************/

.topbar-wrap{background: #00235f; padding: 10px 0 60px 0; text-align: right;}

.topbar-wrap li{display: inline-block; padding: 0 15px;}

.topbar-wrap li a{color: #fff; text-decoration: none; font-weight: 600;}









/*************************************

		Header Start

*************************************/

.header-wrap{background: #fff; margin-top: -60px; z-index: 1000; position: relative;} 

.navbar-nav li{padding: 32px 13px;}
.header-wrap .logo{margin-top: 10px;}


.navbar-expand-lg .navbar-nav .nav-link{padding: 0; font-size: 15px; font-weight: bold;}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color: #33aadf; font-weight: 600; }

.navbar-expand-lg .navbar-nav .nav-link{color: #000;}

.navbar-expand-lg .navbar-nav .nav-link:hover{color: #33aadf;}

.navbar-light .navbar-toggler{display: none;}

.header-wrap .col-lg-2{padding-left: 0;}

.account-btn{float: right; margin-left: 10px;}

.account-btn a{

	text-decoration: none;

    background: #e83729;

    display: inline-block;

    color: #fff;

    box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

    font-family: 'Montserrat', sans-serif;

    font-size:30px;

    font-weight: bold; text-transform: uppercase; 

    padding: 12px 40px;

    width: 100%;

    text-align: center;

}

.account-btn a i{color: #c1add1; font-size: 16px; padding-right: 5px;}

.account-btn a:hover{background: #fff; color: #000;}

.account-btn a:hover i{color: #fff;}

.close-toggler{display: none;} 



.header-wrap .conInfo {

    padding-left: 52px;

    position: relative;

    font-size: 16px;

    line-height: 27px;

    margin-bottom: 15px;



}

.header-info{display: flex; justify-content: flex-end;}

.header-wrap .phonewrp {

    padding-left: 68px; 

}

.header-wrap .phonewrp:before {

    content: "";

    background: url(../images/phone_icon.png) no-repeat;

    width: 49px;

    height: 48px;

    position: absolute;

    top: 5px;

    left: 0;

}

.emailInfo:before {

    content: "";

    background: url(../images/email.png) no-repeat !important;

    width: 49px;

    height: 48px;

    position: absolute;

    top: 5px;

    left: 0;

}

.header-wrap .conInfo span {

    font-size: 16px; 

    color: #fff; 

    display: block;

    font-weight: 600;

}

.header-wrap .phonewrp a {

    font-size: 28px;

    font-weight: bold;

    color: #fff;

    text-decoration: none;

}

.header-wrap .phonewrp a:hover{color: #ea0000;}

.header-wrap .phonewrp{border-right: 1px solid #fff; padding-right: 30px; margin-left: 30px;}

.header-wrap .phonewrp + .phonewrp{border: none; padding-right: 0;} 

.emailInfo a{font-size: 18px !important;}



.social_icons{margin-bottom: 0;}

.social_icons li{display: inline-block; padding: 0 5px;}

.social_icons li a{text-decoration: none; color: #fff; font-size: 24px; color: #33aadf;}


.navbar-nav > li > a + i {
    display: none;
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 24px;
    cursor: pointer;
    color: #0b3c5d;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    z-index: 1000;
}
 
 .header-wrap .submenu {
    position: absolute;
    background: #f5f7ff;
    box-shadow: 0 0 6px -3px;
    width: 260px;
    transform-origin: 0 0 0;
    transform: scaleY(0);
    transition: all 0.3s ease-in-out;
    z-index: 9;
    padding-left: 0;
    top: 100%; 
    padding: 0px;
}
.submenu li {
    padding: 0;
    border-bottom: 1px solid #ccbdff;
}
.submenu li a {
    font-weight: 500;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    color: #1c1c1c;
    padding: 16px 22px !important;
    display: block;
    text-decoration: none;
}
.submenu li a:hover {
    background: #33aadf;
    color: #fff;
}
.header-wrap li:hover .submenu {
    transform: scaleY(1);
}





/*********************************************

    Video options

**********************************************/

header {

  position: relative;

  background-color: black;

  height:100vh;

  min-height: 25rem;

  width: 100%;

  overflow: hidden;   

  

}

.videowrp{margin-top: -65px; z-index: -1;}



header .overlay {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: black;

  opacity: 0.2;

  z-index: 1;

}

.embed-responsive {

    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    overflow: hidden;

}

 .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { 

    width: 100%;

    height: 100%;

    border: 0;

}

.testbox{position: absolute; top: 50%; left: 0; width: 100%; text-align:center; z-index: 1000;}

    .testbox h2{font-size:72px; color: #fff; font-weight: 700; line-height: 60px; text-transform: uppercase; margin: 0;}    

    .testbox h5{font-size:30px; color: #fff; font-weight: 400; margin: 0; letter-spacing: 7px;} 

     

    .videowrp:after{content: ""; background: rgba(0, 0, 0, 0.20); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

    

    .bannertxt{position: absolute; bottom:250px; left: 0; width: 100%; z-index: 100; text-align: center; padding-bottom: 30px;

    } 

    

    .videowrp h1{line-height:65px; font-family: 'Montserrat', sans-serif;  text-align: center; font-size: 64px; color: #fff; font-weight: 700; margin-bottom: 40px; text-shadow:10px 10px 5px rgba(0,0,0,0.3)   }

    .videowrp p{font-size: 18px; font-weight: 400; color: #fff; line-height: 30px; max-width: 900px; margin: 0 auto;}

  .videowrp a{color:#334462 !important; padding:15px 35px; font-size:18px; font-weight:700; border-radius:7px; text-transform:uppercase; display:inline-block;font-family: 'Open Sans', sans-serif;

    background: #fff;

    box-shadow: 0 10px 30px rgba(0,0,0,0.3);

}

a.slidebtn i{margin-left:10px;}

.videowrp a:hover{background:#33abe0; color:#fff !important; text-decoration: none;}





    .bgwrap{position: absolute; top:0; left: 0; width: 100%; z-index: 1000;}

    .aboutwrap{padding: 50px 0;}



   



/*********************************************

    Feature Icons options

**********************************************/

.ims-features-item{background: #fff; padding:40px 30px; box-shadow:0px 16px 21px rgb(33 157 212 / 18%); position: relative; border-radius: 10px;}

.ims-features-item:before{content: ""; background: #33abe0; width: 90%; height: 90%; border-radius: 10px; position: absolute; bottom: -5px; left: -5px; z-index: -1;}

.ims-features-item h3{font-size: 24px; color: #000; font-weight: bold; margin-top: 15px; min-height: 59px;} 

.features-lists{margin-top: -100px;}





/*********************************************

    Video options

**********************************************/

.about_list{list-style: none;}

.learing-wrp{display: flex; position: relative; padding-left: 105px;}

.about_icon{background: #fff; box-shadow:0 0 15px rgb(0 0 0 / 12%); position: absolute; top: 0; left: 0; width: 85px; height: 85px; line-height: 85px; text-align: center; border-radius: 100%; margin-right: 20px; display: table;}

.learing-wrp h3{font-size: 24px; font-weight: bold; color: #505462;}

.about_list li{margin-bottom: 15px;}

.learn_info p{color: #63656b; font-size: 16px; line-height: 24px;}

.about-wrap .tagline{margin-bottom: 40px;}

 

.about-wrap{padding: 80px 0;}

.about_right{padding-left: 30px;}  

 





/*************************************

		Services Start

*************************************/

 .services-wrap{padding:80px 0; background: url(../images/service-bg.jpg) no-repeat top; background-size: cover;}

  .services-wrap .title span, .services-wrap .title h1{color: #fff;}

.service-icon{margin-top: -74px;}

.service-icon span{background: #33abe0; display: inline-block; width: 114px; height: 114px; line-height: 114px; border-radius: 20px; transform: rotate(45deg);}

.service-icon img{transform: rotate(-45deg);}

.service_box{background: #fff; margin-top: 100px; padding:20px 36px; border-radius:100px 10px 10px 10px;}

.service_box h3{margin-top: 30px; position: relative; margin-bottom: 40px;}

.service_box h3:before{content: ""; background: #838996; width: 70px; height: 4px; position: absolute; bottom: -20px; left: 50%; margin-left: -35px; border-radius: 2px;}

.service_box h3 a{text-decoration: none; color: #000; font-size: 24px; font-weight: bold;}

.service_box h3 a:hover{color: #33abe0;}

.service_box p{font-size: 16px; color: #3c4b62; line-height: 30px; min-height: 120px;}



.helpsec{max-width: 1170px; margin: 0 auto;}

.helpsec .row{align-items: center;}





.testimonials-wrap{padding:80px 0 50px 0; background: url(../images/testimonials-bg.jpg) no-repeat top;}

.testimonials-box{background: #fff; box-shadow: 0px 8px 13px rgb(0 0 0 / 5%); padding: 20px 50px 34px 50px; border-radius: 10px; margin-top: 50px;}

.testimonials-wrap .title span{font-size: 24px !important;}

.starWrp li {

    display: inline-block;

    font-size: 18px;

    color: #ffba01;

    padding: 0 !important;

}

.testimonials_list li{padding: 15px;}  

.clientImg {

   margin-bottom: 18px;

    margin-top: -76px;

    margin-right: 20px;

    position: relative;

    display: inline-flex;

}

.clientImg span{background: #334462;

    font-size: 18px;

    width: 40px;

    height: 40px;

    display: block;

    text-align: center;

    line-height: 40px;

    color: #fff;

    border-radius: 100%;

    position: absolute;

    top: 0;

    right: 0;}

.clientImg img{border-radius: 100%;}

.testimonials-wrap p{font-size: 18px; color: #3c4b62; margin-top: 15px; line-height: 30px; font-style: italic;}

.client_name{font-size: 18px; font-weight: bold; color: #000;}

.testimonials-wrap .owl-nav, .testimonials-wrap .owl-dots{display: none;}

























/*++++++++++++++++++++++++++

.blogs-wrap 

+++++++++++++++++++++++++*/

.blogs-wrap{

     padding:0 0 80px 0;

}

.blogs-text-box{padding:25px;} 

.blogs-wrap h3{line-height: 24px; margin-bottom: 16px;}

.blogs-wrap h3 a{text-decoration: none; font-size: 18px; color: #3a3d43; font-weight: bold; }

.blogs-wrap h3 a:hover{color: #33abe0;}

.blogs-text-box{}

.blogs-image{
background: #eee;
    z-index: 3;
    position: relative;
    margin-bottom: 15px;

}

.blogs-image img{border-radius: 10px;}

.blogs-text-box p a{

    color: #909090; font-size: 18px; font-weight: bold; text-decoration: none;

}

.blogs-text-box p a:hover{color: #33abe0;}

.blogs-text-box{text-align: center;} 

.blogs-text-box .blog_date{font-size: 18px; color: #334462; font-weight: bold; margin-bottom: 15px;}













.career-wrap{background: url(../images/career-bg.jpg) no-repeat top; background-size: cover; padding: 80px 0;}

.career_box{background: #fff; padding: 50px 60px; box-shadow: 0 0 15px rgb(0 0 0 / 10%); border-radius: 15px 70px 15px 15px;}

.career-wrap .container{max-width: 1170px;}

.career-wrap p{font-size: 16px; font-family: 'Montserrat', sans-serif; line-height: 30px; color: #000;}

.career-wrap .title h1{font-weight: bold;}



.career_info{margin-left: 50px;}

.career_contact{font-size: 16px; position: relative; padding-left: 90px; color: #000; font-weight: 600; line-height: 22px; font-family: 'Montserrat', sans-serif;}

.career_contact span{display: block;}

.career_contact a{font-size: 30px; color: #000; text-decoration: none; font-weight: bold; margin-top: 10px; display: inline-block;}

.career_contact a:hover{color: #33abe0;}

.career_contact i{width: 70px; height: 70px; line-height: 70px; background: #00235f; border-radius: 100%; text-align: center; font-size: 30px; color: #fff; position: absolute; top: 0; left: 0;}







.logoswrap{padding: 20px 0; margin-bottom: 0;} 

.logoswrap .item img{width: auto;}























/*********************************************

        Footer css

*********************************************/

.footer-wrap{background: #00235f; padding:40px 0 20px 0; text-align: center;}

.social_media_footer{list-style: none; display: block; margin:15px 0 10px 0; border-top: 1px solid #1a396f; margin-top: 40px; padding-top:30px;}

.social_media_footer li{display:inline-block; padding:0 10px;}

.social_media_footer li a{font-size: 24px; color: #fff;}

.social_media_footer li:nth-child(1) a:hover{color: #4966ab;}

.social_media_footer li:nth-child(2) a:hover{color: #35abdb;}

.social_media_footer li:nth-child(3) a:hover{color: #0674b0;}

.social_media_footer li:nth-child(4) a:hover{color: #e13d38;}

.footer_nav{list-style:none; display:block; margin-bottom: 10px; margin-top: 14px;}

.footer_nav li{display:inline-block; padding:0 15px;}

.footer_nav li a{font-size:16px; text-decoration: none; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600;}

.footer_nav li a:hover{color:#33abe0; text-decoration:none;}

.copyright {

    color: #fff;

    font-size: 14px; 

}

.credits{ 

    color: #b5b5b5; font-size: 14px; 

}



.credits a{ 

    color: #b5b5b5; text-decoration: none;

}

.footer_info{max-width: 1100px; margin: 0 auto;}

.credits a:hover{color: #ff4c30;}

.sba_text{color: #fff; text-align: left; position: relative; padding-left: 90px; font-size: 20px; font-weight: 600; padding-top: 6px;}

 .sba_text span{display: block;}

.sba_text i{width: 70px; height: 70px; background: #33abe0; border-radius: 12px; text-align: center; line-height: 70px; position: absolute; top: 0; left: 0;}







/*********************************************

        Page Title css

*********************************************/

.pagetitle-wrap{background: url(../images/slider.jpg) no-repeat top; background-size: cover; padding: 200px 0 30px 0; text-align: center; position: relative;}

.pagetitle-wrap h1{margin-bottom: 0; margin-top: 10px; font-size: 48px; color: #fff; font-weight: bold;}

.breadcrumb-list ul {

    margin: 0;

    padding: 0;

}

.breadcrumb-list ul li {

    display: inline-block;

    margin-right: 30px;

    position: relative;

    color: #fff;

    font-weight: 700;

}

.breadcrumb-list li:last-child{margin-right: 0px;}

.breadcrumb-list ul li:after {

    position: absolute;

    content: "";

    right: -20px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 10px;

    width: 2px;

    background-color: #fff;

    opacity: 0.5;

    font-family: 'Font Awesome\ 5 Free';

    font-weight: 900;

    font-size: 10px;

}

.breadcrumb-list li:last-child:after{display: none;}



.breadcrumb-list ul li a{color: #b96d2a; text-decoration: none;}







 



/*pagination-area*/

.pagination-area{margin-top: 25px; position: relative;}

.pagination-area ul {

    margin: 0;

    padding: 0;

}

.pagination-area ul li {

    list-style: none;

    display: inline-block;

    margin-right: 10px;

}

.pagination-area ul li a {

    height: 50px;

    text-decoration: none;

    color: #000;

    width: 50px;

    line-height: 46px;

    border: 2px solid #eee;

    text-align: center;

    display: block;

}

.pagination-area ul li:hover a, .pagination-area ul li.active a {

    background-color: #b96d2a;

    border-color: #b96d2a;

    color:#fff;

}









 



.logos-wrap .owl-nav{display: none;}





.innerHeading{background: url(../images/innerHeading-bg.jpg) no-repeat top; background-size: cover; padding: 100px 0 30px 0; margin-top: -65px; text-align: center;}

.innerHeading h1{color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 0 0 15px rgb(0 0 0 / 60%);}

.innerContent{padding: 70px 0;}

.about_page h3{font-size: 36px; font-weight: bold;}

.about_page h3 span{display: block; font-size: 20px; letter-spacing: 2px; font-weight: normal;}

.about_page p{font-size: 16px; line-height: 30px; margin-top: 15px;}

.about_page p a{color: #33aadf !important; text-decoration: none !important;}
.about_page p a:hover{color: #00235f !important; text-decoration: underline !important;}




.content-center{align-items: center;}

.aboutWrp{border: 1px solid #dfdfdf; padding: 40px; margin: 30px 0;}

.aboutWrp:hover{border-color: #33abe0;}

.float-right{float: right;}



.innerContent .services-wrap{background: #f7f7f7;} 

.innerContent .services-wrap .title h1{color: #000;} 

.capability_wrap{background: #f7f7f7;}

.capalinks li{margin: 0 20px;}

.primary_codes h5{color: #33abe0;}







.innerContent .testimonials-wrap{background-image: none; padding: 0;}

.innerContent .testimonials-box{margin: 50px 0 0 0;}

.innerContent .testimonials-box{box-shadow: 2px 0px 20px rgb(0 0 0 / 10%);}









/*contact us*/

.contact_wraper{

    background-color: #fff;

    box-shadow: 0 10px 60px 0 rgb(31 34 120 / 10%);

    border-radius: 20px;

    padding: 70px 50px 40px;

    position: relative;

 

}

.mb-30 {

    margin-bottom: 30px;

}



.contact_wraper .contact-form .form-group {

    margin-bottom: 30px;

}

.form-group {

    position: relative;

}

.form-wraper .form-control {

    border: 1px solid rgba(86,90,207,.3);

    border-radius: 8px;

    height: 60px;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    transition: all .3s ease-in-out;

    background: #fff;

    padding: 15px 25px;

    display: block;

    width: 100%;

    line-height: 1.5;

}

.form-wraper textarea.form-control {

    height: 150px;

}

.form-wraper .btn-secondary {

    width: 100%;

    display: block;

    background-color: #00235f;

    color: #fff;

    border: 2px solid #00235f;

    height: 60px;

    font-weight: 500;

    font-size: 16px;

}



.contact-info {

    padding: 50px 50px 30px;

    color: #fff;

    overflow: hidden;

    border-radius: 8px;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin-left: 50px;

    background: #33aadf;

}

.contact-info .info-inner {

    position: relative;

    z-index: 1;

}

.contact-info .info-inner .title {

    color: #fff;

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 30px;

}

.contact-info .icon-box {

    margin-right: 100px;

    margin-bottom: 30px;

}

.contact-info .icon-box .title {

    margin-bottom: 12px;

    border-bottom: 2px solid hsla(0,0%,100%,.2);

    padding-bottom: 10px;

    display: flex;

    align-items: center;

    text-transform: capitalize;

    font-size: 20px;

    font-weight: 600;

    color: #fff;

}

.contact-info .icon-box .title i{margin-right: 10px;}

.contact-info .icon-box p {

    font-size: 16px;

    margin-top: 0;

    color: #fff;

    margin-bottom: 1rem;

}

.contact-info .icon-box p a{    font-size: 16px;

    text-decoration: none;

    color: #fff;}

.contact-info .social-media {

    margin: 0 -3px;

}

.contact-info .social-media li {

    display: inline-block;

    padding: 0 3px;

}

.contact-info .social-media li a{

    display: block;

    height: 40px;

    width: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 8px;

    box-shadow: 0 10px 40px 0 rgb(31 34 120 / 10%);

    font-size: 16px;

    transition: all .5s;

    color: #565acf;

    background-color: #fff;

}

.feature-bx4.feature4 {

    border-color: #00235f;

}

.feature-bx4 {

    background-color: #fff;

    border-radius: 8px;

    padding: 45px 35px 35px;

    z-index: 1;

    overflow: hidden;

    box-shadow: 0 5px 30px 0 rgb(31 34 120 / 8%);

    border: 1px solid #565acf;

}

.feature-container {

    position: relative;

}



.feature-bx4 .feature-icon {

    position: relative;

    margin-bottom:35px;

}

.icon-md {

    display: inline-block;

    text-align: center;

}

.icon-md img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

    height: 50px;

}

.feature-bx4 .feature-icon:after {

    content: "";

    width: 65px;

    height: 65px;

    position: absolute;

    border-radius: 50%;

    z-index: -1;

    top: -18px;

    right: -22px;

}

.feature-bx4.feature4 .feature-icon:after {

    background-color: #eaf2ff;

}

.icon-content {

    overflow: hidden;

}

.feature-bx4 .icon-content .ttr-title {

    color: #1f2278;

    margin: 0 0 12px;

font-weight: bold;

    line-height: 1.3;

}



.feature-bx4 .icon-content p {

    margin: 0;

    min-height: 55px;

}

.feature-bx4 .icon-content p a {

    text-decoration: none;

    color: #6d6d6d;

}



.feature-bx4:hover .feature-icon img {

    -webkit-animation: vibrate .5s alternate;

    animation: vibrate .5s alternate;

}





.feature-bx4.feature3 {

    border-color: #33abe0;

}

.feature-bx4.feature3 .feature-icon:after {

    background-color: #effaff;

}

.feature-bx4.feature2 {

    border-color: #dfdfdf;

}

.feature-bx4.feature2 .feature-icon:after {

    background-color: #f5f5f5;

}











/*blogg*/

.blog-post-detail{position:relative;}

.blog-post-detail-image{margin-bottom:30px;}

.blog-post-detail-image img{width:100%; border-radius:5px;}

.blog-post-detail-content{position:relative;}

.blog-post-detail-content .blog-date-admin{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:25px;}

.blog-post-detail-content .blog-date-admin a{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#333; font-size:16px; font-weight:500; -webkit-transition:all 500ms ease; transition:all 500ms ease; text-decoration:none;}

.blog-post-detail-content .blog-date-admin a i{color:#33aadf; padding-right:7px;}

.blog-post-detail-content .blog-date-admin a+a{margin-left:15px;}

.blog-post-detail-content h3{color:#000; font-size:36px; line-height:42px; margin-bottom:25px; font-weight: bold;}

.blog-post-detail-content .blog-date-admin a+span{margin-left:15px; color:#333;}

.blog-post-detail-content .blog-date-admin a+span i{color:#33aadf; padding-right:7px;}

.blog-post-detail-content p {

    text-align: left;

    color: #3f3f3f;

    font-size: 16px;

    line-height: 24px;

    padding-bottom: 10px;

    font-weight: normal;

}

.blog-details-meta-tags{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; border-top:1px solid #444; padding-top:30px; padding-bottom:30px; margin-top:52px; -ms-flex-wrap:wrap; flex-wrap:wrap;}

.blog-details__tags{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline;}

.blog-details__tags span{color:#000; font-size:20px; margin-right:10px;}

.blog-details__tags a{color:#373737; font-size:16px; text-decoration:none;}

.blog-details__tags a+a{margin-left:5px;}

.blog-details__share{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.blog-details__share a{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:40px; height:40px; border-radius:5px; font-size:15px; text-decoration:none; position:relative; overflow:hidden; -webkit-transition:all 500ms ease; transition:all 500ms ease;}

.blog-details__share a+a{margin-left:10px;}

.blog-details__share a:nth-child(1){border:1px solid#4267b2; background:#4267b2; color:#fff;}

.blog-details__share a:nth-child(2){border:1px solid#2caae0; background:#2caae0; color:#fff;}

.blog-details__share a:nth-child(3){border:1px solid#e04e42; background:#e04e42; color:#fff;}

.blog-details__share a:nth-child(4){border:1px solid#0173b1; background:#0173b1; color:#fff;}

.blog-details__share a:nth-child(5){border:1px solid#f63c27; background:#f63c27; color:#fff;} 



/*********************************************

           sidebar-blog Style

**********************************************/

.sidebar-blog{position:relative;}

.sidebar-blog .widget{    margin-bottom: 25px;

    padding: 35px 30px 25px;

    border-radius: 5px;

    background-color: #fff;

    border: 1px solid #e8e8e8;

}

.widget{list-style-type:none; text-align:left;}

.sidebar-blog .widget_search .search-form{position:relative;}

.sidebar-blog .widget_search .search-form .search{padding:12px 25px 12px 21px; margin:0; background-color:#eee; font-size:16px; color:#777; letter-spacing:0; line-height:inherit; width:100%; height:55px; text-shadow:none; border:none; border-radius:5px;}

.sidebar-blog .widget_search .search-form .icon-search::after{content:"\f002"; font-family:"Font Awesome 5 Free"; font-size:20px; color:#020e28; position:absolute; top:14px; right:20px; font-weight:900; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}

.sidebar-blog .widget-title{font-size:20px; line-height:30px; font-weight:600; color:#000; margin-bottom:18px;}

.sidebar-blog .widget_category ul{list-style:none; padding-left:0px;}

.sidebar-blog .widget_category ul li{margin-bottom:5px;}

.sidebar-blog .widget_category ul li:last-child{margin-bottom:0px;}

.sidebar-blog .widget_category ul li a{padding:0 28px 0 24px; background-color:#eee; display:block; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; border-radius:5px; text-decoration:none; font-size:16px; color:#000; line-height:55px;}

.sidebar-blog .widget_category ul li a:hover, .sidebar-blog .widget_category ul li.active a{background-color:#33aadf; color:#fff;}

.sidebar-blog .widget_category ul li a.block_inside span{font-size:16px; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; text-decoration:none;}

.sidebar-blog .widget_category ul li a.block_inside span.count-tag{float:right;}

.sidebar-blog .widget_recent_news ul{list-style:none; padding-left:0px;}

.sidebar-blog .widget_recent_news ul li{margin-bottom:30px; display:flex; align-items:center;}

.sidebar-blog .widget_recent_news ul li:last-child{margin-bottom:0px;}

.sidebar-blog .widget_recent_news ul li img{width:90px; height:80px; object-fit:cover; border-radius:5px;}

.sidebar-blog .widget_recent_news ul li a{font-size:18px; font-weight:600;line-height:24px; color:#222; padding-left:25px; text-decoration:none;}

.sidebar-blog .widget_recent_news ul li a span{display:block; font-size:14px; color:#7c7c7c;}

.sidebar-blog .widget_recent_news ul li:hover a{color:#33aadf;}









.customersWrp{padding-bottom: 0;}

.innerContent.blogs-wrap .row .col-lg-4{margin: 15px 0;}

.contract_box{border: 1px solid #dfdfdf; text-align: center; padding: 20px; min-height: 319px;}

.blog_inerImg img{width: 100%;}

.blog_inerImg{margin-bottom: 30px;}



.careerWrp .btn-secondary{width: auto; padding: 12px 36px;}

.careerWrp .readmore a{background-color: #33abe0;}

.careerWrp .readmore a:hover{background-color: #000;}

.mailtext a{text-decoration: none; color: #33abe0;}

.job_wrap{border: 1px solid #eee; padding:40px 20px; text-align: center; margin-top: 30px;}

.job_wrap h4{font-size: 19px; min-height: 92px;}







.icon_List li{margin-top: 20px; font-size: 16px; font-weight: 600;}

.icon_List img{width: 38px; margin-right: 12px;}

.seccols{column-count: 3; margin-top: 15px;}

.seccols li{margin-bottom: 17px; line-height: 24px !important; font-size: 15px !important;}

.seccols li:before{content: "\f35a" !important; font-size: 16px; }

.capability_sec{background: #ebf9ff;}

.bgcolor{background: #f7f7f7;}

.capalinks{border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 13px 0 !important;}

.capalinks li {

    margin: 0 34px;

}

.primary_codes h5{font-weight: bold;}



.pop_form .form-group{margin: 10px 0;}

.pop_form .form-control{height: 55px; font-size:14px; border-radius: 5px;}

.testimonials-box{min-height: 382px;}

.form-wraper input::file-selector-button{border: none !important;}
.blog_section{ height: 100%; border-radius: 10px; background: #fff; box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
.blogs-wrap .row div{margin: 15px auto;}


.blog-feedImg{position: relative;}
.playbtn { position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top:-25px;}
 .playbtn a {
    box-sizing: content-box;
    display: inline-block;
    width: 35px;
    height: 55px;
    background: #fff;
    border-radius: 50%;
    padding: 6px 16px 14px 24px;
    position: relative;
}
.playbtn a:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}
.playbtn a span i{
    font-size: 24px;
    color: #0374bb;
    z-index: 99; position: relative;
    padding-top: 18px;
}
.playbtn a:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

@-webkit-keyframes pulse-border {
 0% {
 -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity:1;
}
 100% {
 -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 opacity:0;
}
}
 @keyframes pulse-border {
 0% {
 -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity:1;
}
 100% {
 -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 opacity:0;
}

 }



/*************************************
        Form Start
*************************************/ 
.appication_form{max-width: 800px; margin:0 auto;} 
 .card-header {
    padding: 0.5rem 1.5rem;
    min-height: 3.5rem;
    background: #fff;
}
.card-title-2{
    font-size: 26px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0;
}
.card-title-3{
    font-size: 18px;
}
.card-title {
    font-size: 20px;
    margin-bottom: 0;
    line-height: 42px;
    font-weight: bold;
}
.card .contact-form .sub-title{
    font-size: 15px;
}
.card .list,
.card .list .list-inner{
    list-style-type: disc;
    padding-left: 20px;
    color: #212529;
    font-size: 14px;
    line-height: 26px;
}
.card .list .list-inner{
    list-style-type: circle;
}
.item-all-cat .list-line{
    color: #212529;
    font-size: 14px;
    line-height: 18px;
}
.item-all-cat .list-line li{
    display: inline-block;
    vertical-align: top;
    width: 23%;
    padding-left: 15px;
    position: relative;
    margin: 0 0 15px;
}
.item-all-cat .list-line li:before{
    position: relative;
    width: 6px;
    height: 6px;
    content: '';
    background: #212529;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 100%;
}
.card p a{
    text-decoration: underline;
    color: #212529;
}
.card p a:hover{
    text-decoration: none;
}
.form-group label {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 600;
}
.form-group {
    margin-bottom: 20px;
}
.form-group .form-control {
    color: #555;
    border: 1px solid #e8e8e8;
    padding: 12px 10px;
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    height: 50px;
    background: #fdfdfd;
}


.radio{margin-top:6px;}
.radiobox{margin-bottom:20px;}

.radiobtn{display: inline-block;
    position: relative;
    padding: 5px 0 5px 35px;
    line-height: 26px;}
.radiobtn input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.radiobtn .checkmark {
    width: 26px;
    height: 26px;
    border: 5px solid #ccefff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
}
.radiobtn input[type="radio"]:checked + .checkmark {
    background: #ccefff;
    border: none;
}
.radiobtn input[type="radio"]:checked + .checkmark:after {
    left: 7px;
    top: 7px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #33abe0;
    display: block;
}
.radiobtn .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.mr-50{margin-right: 50px;}

.checkbox{margin-top:16px !important; padding-left:30px;}
.checkbox label{
    cursor: pointer;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio] {
    display: none;
}
.checkbox input[type=checkbox] + label,
.checkbox input[type=radio] + label  {
    width: 22px;
    height: 22px;
    border: 1px solid #33abe0;
    background: #fff;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}
.checkbox input[type=radio] + label{
    border-color:#212529
}
.checkbox input[type=checkbox]:checked + label:before,
.checkbox input[type=radio]:checked + label:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    color: #33abe0;
    padding-left: 4px;
    font-weight: 600;
    position: relative;
    top: -3px;
    font-size: 14px;
}
.checkbox input[type=radio]:checked + label:before{
    color:#212529
}

.authorization_box .checkbox label{cursor: pointer;}

.styleopt{display: flex; align-items: center; }
.styleopt ul{margin-bottom: 0; margin-left: 50px;}
.styleopt ul li{display: inline-block; margin-right: 5px;}
.styleopt ul li input[type=radio] {
    display: none;
}
.styleopt ul li input[type=radio] + label {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 2px solid #eee;
    cursor: pointer;
    padding: 5px 3px 3px 3px;
}
.styleopt ul li input[type=radio]:checked ~ label {
    border-color: #33abe0;
}
.styleopt label{font-size: 18px; text-align: center;}
.form_table tbody tr td{font-size: 14px; vertical-align: middle; white-space: nowrap;}
.form_table thead th{font-size: 15px; vertical-align: middle;}
.submit_btn{
    display: block;
    background-color: #00235f;
    color: #fff;
    border: none;
    padding: 16px 36px;
    border-radius: 6px;
    margin-top: 26px;
    font-weight: bold;
    font-size: 16px;}
.submit_btn:hover{background: #33abe0;}

#thecanvas,
#thecanvas2 {
         border: 2px solid #e3e3e3;
         background-color: white;
         
      }
.clear_btn{background-color: #ff0000; border-color:#f00;}
.clear_btn:hover{background-color: #ff0000; border-color:#f00;}
@media screen and (max-width: 767px) {
  .styleopt{display: block;}
  .styleopt ul{margin-left: 0;}
  .p-5 {padding: 1rem!important;}
  .card-title{font-size: 18px;}
}


      
  

/*************************************
        Form End
*************************************/ 









/*********************************************

        Media Screen css

*********************************************/

@media screen and (max-width: 1440px) { 



}





@media screen and (max-width: 1200px) {  
.testimonials-wrap{padding: 80px 0 30px 0;}
.sba_text{font-size: 16px;} 
.service_box{padding: 20px 31px;}

.testimonials-box{min-height: 444px;}

    .seccols{column-count: 2;}

.logo img{width: 150px;}

.navbar-nav li {

    padding: 25px 7px;

}

.logo{top: 31px;}

.slidertext1, .slidertext2, .slidertext3, .small_text, .slidertext4, .slidertext5 {margin-left: 60px !important} 

.navbar-expand-lg .navbar-nav .nav-link{font-size: 14px;}

.ims-features-item{padding: 22px 30px;}

.ims-features-item h3{font-size: 18px;}

.learn_info p{font-size: 14px;}

.tagline{font-size: 16px; line-height: 25px;}

.service_box h3 a{font-size: 18px;}

.blogs-wrap h3 a{font-size: 16px;}

.blogs-wrap h3{font-size: 18px;}

.blogs-text-box p a{font-size: 15px;}

.career_contact a{font-size: 24px;}



}



@media (min-width: 1070px) { 

    .header-wrap .col-lg-3{width:20%;}

    .header-wrap .col-lg-9{width:80%;}

}



@media (min-width: 991px) { 

    .header-wrap .col-lg-3{width:15%;}

    .header-wrap .col-lg-9{width:85%;}

}



@media screen and (max-width: 990px) { 
    .header-wrap{padding: 15px 30px;}
    .header-wrap .logo{padding: 0;}
.testimonials-box{min-height: inherit;}
    .capability_wrap h3{margin-top: 20px;}
   .navbar-nav > li > a + i {
    display: block;
  }
  .header-wrap .navbar-nav li{position: relative;}
  .dropdown-toggle::after{display: none;}
  .header-wrap .caret {
    display: none !important;
  }
   .header-wrap .submenu {
    width: 100%;
    position: static;
    display: none;
    margin-left: 0;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
  }
    .capability_wrap .medical-image{text-align: center;}

    .itwrp .medical-image{text-align: center; margin-top: 30px;}

.float-right {

    float: none;

}

.itwrp h3{margin-top:0 !important;}

    .navbar{padding: 0;}

    .serviceImg{margin-top: 50px; text-align: center;}

    .capability_wrap .readmore{margin-bottom: 30px;}

    .capability_wrap .mt-5{margin-top: 0 !important;}

    .capalinks{justify-content: inherit !important; display: block !important;}

    .capalinks li{margin: 0;}

    header{height: 100%;}

    .contact-info{margin-left: 0; padding: 30px 30px 30px;}

    .contract-vehicles{text-align: center;}

    .contract_box{min-height: inherit; margin: 15px 0;}

    .sub-contractor{margin-bottom: 30px; text-align: center;}

    .contact-info .icon-box{margin-right: 0;}

    .bannertxt{bottom: 65px;}

    .about_inrImg{text-align: center; margin-bottom: 30px;}

    .videowrp h1{font-size: 54px;}

    .ims-image{text-align: center; margin-bottom: 40px;}

    .pagetitle-wrap{padding: 100px 0 30px 0;}
 

    .testimonials-wrap{padding: 80px 0 0 0;}
 

    .sba_text{margin-bottom: 30px;}

    .about-wrap{padding-top: 40px;}   

    .right_sec{margin-bottom: 50px;} 

    .section01, .section02{border-radius: 0;}  

    .header-info, .account-btn{display: none;}

    .logo img{width: 100px;}

.navbar-collapse {

    position: fixed;

    top: 0px;

    bottom: 0;

    left: 100%;

    width: 60%;

    padding-right: 1rem;

    padding-left: 1rem;

    overflow-y: auto;

    visibility: hidden;

    background-color: rgba(0,0,0,0.8);

    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;

    transition: transform .3s ease-in-out, visibility .3s ease-in-out;

    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;

    z-index: 10000;

}

.logos-wrap{text-align: center;}

.navbar-collapse.show {

    visibility: visible;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

}
.blog_section{max-width: 412px; margin:15px auto;}
.navbar-light .navbar-toggler{display: block; position: absolute;

    top: 20px;

    right: 30px;

    background: #fff;}

.close-toggler {

    background: none;

    color: #fff;

    padding: 5px;

    border: none;

    margin-top: 10px;

    font-size: 24px;

    position: absolute; top: 0; right: 15px;

    display: block;

}

.navbar-nav > li {

    display: block;

}

.navbar-light .navbar-nav .nav-link {

    color: #fff;

    padding: 10px 16px;

}

.navbar-nav{padding-top: 70px;}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link  {

    background: #33aadf;

    color: #fff;

}
 

.banner-wrap h1{font-size: 50px;} 

.navbar-nav li{padding: 0;}

}







@media screen and (max-width: 767px) {  
    .playbtn a { 
    width: 40px;
    height: 57px; 
    padding: 8px 16px 14px 24px; 
}
.playbtn a:before, .playbtn a:after{width: 75px;
    height: 75px;}

    .testimonials-wrap p{font-size: 16px; line-height: 26px;}
 .testimonials-box{padding: 20px 30px 34px 30px;}
.clientImg{width: 80px;}
.clientImg span{top: -4px; right: -10px;}

    .seccols {

        column-count:1;

    }

.gallery-wrap{margin-top: 0;} 

.features-lists{margin-top: 30px;}

.ims-features-item{margin-bottom: 30px;}

.galleryImg{margin-bottom: 30px;}

.videowrp{z-index: 1;}

.videowrp h1{font-size: 30px;}

header{min-height: inherit;}

.bannertxt{bottom: 0; padding: 10px;}

.footer_nav li a{font-size: 14px;}

.about_right {

    padding-left: 0px;

}

.footer_nav{margin-bottom: 15px;}

.career_info{margin-left: 0;}

.footer_nav li {

    display: block;

    border-bottom: 1px solid rgb(255 255 255 / 22%);

    padding: 7px 0;

}

.title h1{font-size: 36px;}

.slidertext1{margin-top: 0 !important; line-height: 40px !important;} 

.oasis .row{flex-direction: column-reverse;}


}





@media screen and (max-width: 480px) {

 .playbtn a {
    width: 20px;
    height: 44px;
    padding: 1px 16px 14px 24px;
}
.playbtn a span i {
    font-size: 20px;
}
.playbtn { 
    margin-top: -18px;
}
.playbtn a:before, .playbtn a:after {
    width: 60px;
    height: 60px;
}



.job_wrap h4{font-size: 16px; min-height: inherit; line-height: 24px;}

    .about_left h1{font-size: 36px; line-height: 36px;}

    .about-wrap p{font-size: 18px;}



    .videowrp h1{font-size: 20px; margin-bottom: 0;}

    .tagline{font-size: 16px;}

    .title{margin-bottom: 20px;} 

.phonenum{font-size: 18px;}    

.readmore a{font-size: 14px; padding: 16px 26px;}

.footer_nav{text-align: left !important; padding-left: 0;} 

.career_contact{padding-left: 0;}

.career_info{text-align: center;}

.about_page h3{font-size: 26px;}

.career_contact i{position: static; display: inline-block; margin-bottom: 20px;}

.sba_text i{width: 50px; height: 50px; font-size: 16px; line-height: 50px;}

.sba_text{padding-left: 75px; position: 0;}

.navbar-light .navbar-toggler{top: 16px; right: 20px;}

.blog-post-detail-content h3{font-size: 24px;}

.title h1{font-size: 28px;}

.blog-post-detail-content .blog-date-admin{display: block;}

.contact_wraper{padding: 30px 20px 40px;}

.blog-post-detail-content .blog-date-admin a+span, .blog-post-detail-content .blog-date-admin a+a{margin-left: 0;}

.testimonials-wrap .title span {

    font-size: 20px !important;

}





}

.about_page ol{margin-left:20px}
.about_page ol li{margin-top:15px; font-size:18px;}





@media screen and (max-width: 375px) { 

.readmore {font-size: 14px;} 

}





@media screen and (max-width: 320px) { 



}